<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="SpringBoot-MyBatis, Sturdy">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>SpringBoot-MyBatis | Sturdy</title>
    <link rel="icon" type="image/png" href="/blog/favicon.png">

    <link rel="stylesheet" type="text/css" href="/blog/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/blog/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/blog/css/my.css">

    <script src="/blog/libs/jquery/jquery.min.js"></script>

<meta name="generator" content="Hexo 5.4.0"></head>




<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/blog/" class="waves-effect waves-light">
                    
                    <img src="/blog/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">Sturdy</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/blog/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/blog/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">Sturdy</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/blog/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/blog/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
        <li><div class="divider"></div></li>
        <li>
            <a href="https://github.com/blinkfox/hexo-theme-matery" class="waves-effect waves-light" target="_blank">
                <i class="fab fa-github-square fa-fw"></i>Fork Me
            </a>
        </li>
        
    </ul>
</div>


        </div>

        
            <style>
    .nav-transparent .github-corner {
        display: none !important;
    }

    .github-corner {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        border: 0;
        transform: scale(1.1);
    }

    .github-corner svg {
        color: #0f9d58;
        fill: #fff;
        height: 64px;
        width: 64px;
    }

    .github-corner:hover .octo-arm {
        animation: a 0.56s ease-in-out;
    }

    .github-corner .octo-arm {
        animation: none;
    }

    @keyframes a {
        0%,
        to {
            transform: rotate(0);
        }
        20%,
        60% {
            transform: rotate(-25deg);
        }
        40%,
        80% {
            transform: rotate(10deg);
        }
    }
</style>

<a href="https://github.com/blinkfox/hexo-theme-matery" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
   data-tooltip="Fork Me" data-position="left" data-delay="50">
    <svg viewBox="0 0 250 250" aria-hidden="true">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
              fill="currentColor" class="octo-body"></path>
    </svg>
</a>
        
    </nav>

</header>

    



<div class="bg-cover pd-header post-cover" style="background-image: url('/blog/medias/featureimages/19.jpg')">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">SpringBoot-MyBatis</h1>
                </div>
            </div>
        </div>
    </div>
</div>




<main class="post-container content">

    
    <link rel="stylesheet" href="/blog/libs/tocbot/tocbot.css">
<style>
    #articleContent h1::before,
    #articleContent h2::before,
    #articleContent h3::before,
    #articleContent h4::before,
    #articleContent h5::before,
    #articleContent h6::before {
        display: block;
        content: " ";
        height: 100px;
        margin-top: -100px;
        visibility: hidden;
    }

    #articleContent :focus {
        outline: none;
    }

    .toc-fixed {
        position: fixed;
        top: 64px;
    }

    .toc-widget {
        width: 345px;
        padding-left: 20px;
    }

    .toc-widget .toc-title {
        padding: 35px 0 15px 17px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    .toc-widget ol {
        padding: 0;
        list-style: none;
    }

    #toc-content {
        padding-bottom: 30px;
        overflow: auto;
    }

    #toc-content ol {
        padding-left: 10px;
    }

    #toc-content ol li {
        padding-left: 10px;
    }

    #toc-content .toc-link:hover {
        color: #42b983;
        font-weight: 700;
        text-decoration: underline;
    }

    #toc-content .toc-link::before {
        background-color: transparent;
        max-height: 25px;

        position: absolute;
        right: 23.5vw;
        display: block;
    }

    #toc-content .is-active-link {
        color: #42b983;
    }

    #floating-toc-btn {
        position: fixed;
        right: 15px;
        bottom: 76px;
        padding-top: 15px;
        margin-bottom: 0;
        z-index: 998;
    }

    #floating-toc-btn .btn-floating {
        width: 48px;
        height: 48px;
    }

    #floating-toc-btn .btn-floating i {
        line-height: 48px;
        font-size: 1.4rem;
    }
</style>
<div class="row">
    <div id="main-content" class="col s12 m12 l9">
        <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                          <div class="article-tag">
                            <span class="chip bg-color">无标签</span>
                          </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                </div>
            </div>

            <div class="post-info">
                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2021-12-24
                </div>
                

                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-check fa-fw"></i>更新日期:&nbsp;&nbsp;
                    2021-12-24
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp;
                    14k
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp;
                    86 分
                </div>
                

                
                    <div id="busuanzi_container_page_pv" class="info-break-policy">
                        <i class="far fa-eye fa-fw"></i>阅读次数:&nbsp;&nbsp;
                        <span id="busuanzi_value_page_pv"></span>
                    </div>
				
            </div>
        </div>
        <hr class="clearfix">

        
        <!-- 是否加载使用自带的 prismjs. -->
        <link rel="stylesheet" href="/blog/libs/prism/prism.css">
        

        

        <div class="card-content article-card-content">
            <div id="articleContent">
                <p>SpringBoot-MyBatis</p>
<h2 id="配置坐标"><a href="#配置坐标" class="headerlink" title="配置坐标"></a>配置坐标</h2><blockquote>
<p>pom.xml</p>
</blockquote>
<pre class="line-numbers language-xml" data-language="xml"><code class="language-xml"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependencies</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.springframework.boot<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>spring-boot-starter-web<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.mybatis.spring.boot<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>mybatis-spring-boot-starter<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>version</span><span class="token punctuation">></span></span>2.1.2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>version</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>mysql<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>mysql-connector-java<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>version</span><span class="token punctuation">></span></span>8.0.13<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>version</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.projectlombok<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>lombok<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>optional</span><span class="token punctuation">></span></span>true<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>optional</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.springframework.boot<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>spring-boot-starter-test<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>scope</span><span class="token punctuation">></span></span>test<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>scope</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>exclusions</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>exclusion</span><span class="token punctuation">></span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.junit.vintage<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>junit-vintage-engine<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>exclusion</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>exclusions</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>

    <span class="token comment">&lt;!--添加对swagger的依赖--></span>
    <span class="token comment">&lt;!--接口文档  postman--></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>io.springfox<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>springfox-swagger2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>version</span><span class="token punctuation">></span></span>2.7.0<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>version</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>io.springfox<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>springfox-swagger-ui<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>version</span><span class="token punctuation">></span></span>2.7.0<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>version</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>

    <span class="token comment">&lt;!--分页插件的启动器--></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>com.github.pagehelper<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>pagehelper-spring-boot-starter<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>version</span><span class="token punctuation">></span></span>1.2.3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>version</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependencies</span><span class="token punctuation">></span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>build</span><span class="token punctuation">></span></span>
    <span class="token comment">&lt;!--如果xml文件是放在src/java/main下需要配置此内容--></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>resources</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>resource</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>directory</span><span class="token punctuation">></span></span>src/main/java<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>directory</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>includes</span><span class="token punctuation">></span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>include</span><span class="token punctuation">></span></span>**/*.xml<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>include</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>includes</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>resource</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>resource</span><span class="token punctuation">></span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>directory</span><span class="token punctuation">></span></span>src/main/resources<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>directory</span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>resource</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>resources</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>build</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>project</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<h2 id="配置application-yaml"><a href="#配置application-yaml" class="headerlink" title="配置application.yaml"></a>配置application.yaml</h2><blockquote>
<p>application.yml</p>
</blockquote>
<pre class="line-numbers language-yaml" data-language="yaml"><code class="language-yaml"># 数据源
spring:
  application:
    name: springboot-mybatis
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql:&#x2F;&#x2F;localhost:3306&#x2F;studentdb?characterEncoding&#x3D;utf-8&amp;useUnicode&#x3D;true&amp;serverTimezone&#x3D;UTC
    username: root
    password: root
server:
  port: 8080

# mybatis配置
mybatis:
  # 对应的实体类的包的位置
  type-aliases-package: com.changan.entity
  # mapper.xml的路径
  mapper-locations: classpath:mapper&#x2F;*.xml

# 打印日志
logging:
  level:
    com.changan.springbootmybatis.dao.*: debug

# 配置分页插件
pagehelper:
  helper-dialect: mysql
  reasonable: true
  support-methods-arguments: true
  params: count&#x3D;countsql
  
# 配置视图解析器(jsp的内容)<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<h2 id="编写代码"><a href="#编写代码" class="headerlink" title="编写代码"></a>编写代码</h2><p>依次创建entity、dao、service、controller包</p>
<blockquote>
<p>StudentDao.java</p>
</blockquote>
<pre class="line-numbers language-java" data-language="java"><code class="language-java">@Mapper
public interface StudentDao &#123;
    
&#125;

或者

@SpringBootApplication
@MapperScan(&quot;com.changan.springbootmybatis.dao&quot;)
public class SpringbootMybatisApplication &#123;

    public static void main(String[] args) &#123;
        SpringApplication.run(SpringbootMybatisApplication.class, args);
    &#125;
&#125;<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<h2 id="映射xml文件"><a href="#映射xml文件" class="headerlink" title="映射xml文件"></a>映射xml文件</h2><blockquote>
<p>StudentDao.xml</p>
</blockquote>
<pre class="line-numbers language-xml" data-language="xml"><code class="language-xml"><span class="token prolog">&lt;?xml version="1.0" encoding="UTF-8" ?></span>
<span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">mapper</span> <span class="token name">PUBLIC</span> <span class="token string">"-//mybatis.org//DTD Mapper 3.0//EN"</span> <span class="token string">"http://mybatis.org/dtd/mybatis-3-mapper.dtd"</span> <span class="token punctuation">></span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mapper</span> <span class="token attr-name">namespace</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>对应的dao接口<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
	
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mapper</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<h2 id="整合JSP"><a href="#整合JSP" class="headerlink" title="整合JSP"></a>整合JSP</h2><blockquote>
<p>application.yml</p>
</blockquote>
<pre class="line-numbers language-yaml" data-language="yaml"><code class="language-yaml">#配置jsp视图解析器
spring:
  mvc:
    view:
      prefix: &#x2F;WEB-INF&#x2F;pages&#x2F;
      suffix: .jsp<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<blockquote>
<p>添加一个依赖</p>
</blockquote>
<pre class="line-numbers language-xml" data-language="xml"><code class="language-xml"><span class="token comment">&lt;!-- 使用jsp引擎，springboot内置tomcat没有此依赖 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>org.apache.tomcat.embed<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>tomcat-embed-jasper<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>scope</span><span class="token punctuation">></span></span>provided<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>scope</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span>

<span class="token comment">&lt;!-- 添加jstl标签库依赖模块 --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>dependency</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>groupId</span><span class="token punctuation">></span></span>javax.servlet<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>groupId</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>artifactId</span><span class="token punctuation">></span></span>jstl<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>artifactId</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>dependency</span><span class="token punctuation">></span></span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<blockquote>
<p>添加一个webapp文件夹</p>
</blockquote>
<p><img src="springboot%E6%95%B4%E5%90%88mybatis/1592535570590.png" alt="1592535570590"></p>
<blockquote>
<p>注意:可能需要手动编译</p>
</blockquote>
<blockquote>
<p>StudentController.java</p>
</blockquote>
<pre class="line-numbers language-java" data-language="java"><code class="language-java">@Controller
public class StudentController &#123;

    @Autowired
    private StudentService studentService;

    @RequestMapping(&quot;&#x2F;findAll&quot;)
    public String findAll(@RequestParam(required &#x3D; false) Integer pageNum,@RequestParam(required &#x3D; false) Integer pageSize,Model model)&#123;
        if(pageNum&#x3D;&#x3D;null)&#123;
            pageNum &#x3D; 1;
        &#125;
        if(pageSize&#x3D;&#x3D;null)&#123;
            pageSize &#x3D; 2;
        &#125;
        PageInfo&lt;Student&gt; pageInfo &#x3D; studentService.findByPage(pageNum, pageSize);
        model.addAttribute(&quot;pageInfo&quot;,pageInfo);
        return &quot;index&quot;;
    &#125;
&#125;<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<blockquote>
<p>index.jsp</p>
</blockquote>
<pre class="line-numbers language-jsp" data-language="jsp"><code class="language-jsp">&lt;%--
  Created by IntelliJ IDEA.
  User: 13512
  Date: 0019
  Time: 11:02
  To change this template use File | Settings | File Templates.
--%&gt;
&lt;%@ page contentType&#x3D;&quot;text&#x2F;html;charset&#x3D;UTF-8&quot; language&#x3D;&quot;java&quot; isELIgnored&#x3D;&quot;false&quot; %&gt;
&lt;%@ taglib prefix&#x3D;&quot;c&quot; uri&#x3D;&quot;http:&#x2F;&#x2F;java.sun.com&#x2F;jsp&#x2F;jstl&#x2F;core&quot; %&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Title&lt;&#x2F;title&gt;
&lt;&#x2F;head&gt;
&lt;body&gt;
    &lt;table&gt;
        &lt;tr&gt;
            &lt;th&gt;编号&lt;&#x2F;th&gt;
            &lt;th&gt;姓名&lt;&#x2F;th&gt;
            &lt;th&gt;性别&lt;&#x2F;th&gt;
            &lt;th&gt;年级&lt;&#x2F;th&gt;
            &lt;th&gt;操作&lt;&#x2F;th&gt;
        &lt;&#x2F;tr&gt;
        &lt;c:forEach items&#x3D;&quot;$&#123;pageInfo.list&#125;&quot; var&#x3D;&quot;student&quot;&gt;
            &lt;tr&gt;
                &lt;td&gt;$&#123;student.id&#125;&lt;&#x2F;td&gt;
                &lt;td&gt;$&#123;student.name&#125;&lt;&#x2F;td&gt;
                &lt;td&gt;$&#123;student.sex&#125;&lt;&#x2F;td&gt;
                &lt;td&gt;$&#123;student.gradeId&#125;&lt;&#x2F;td&gt;
                &lt;td&gt;
                    &lt;a href&#x3D;&quot;&quot;&gt;编辑&lt;&#x2F;a&gt;
                    &lt;a href&#x3D;&quot;&quot;&gt;删除&lt;&#x2F;a&gt;
                &lt;&#x2F;td&gt;
            &lt;&#x2F;tr&gt;
        &lt;&#x2F;c:forEach&gt;
    &lt;&#x2F;table&gt;
&lt;&#x2F;body&gt;
&lt;&#x2F;html&gt;<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<blockquote>
<p>github.css</p>
</blockquote>
<pre class="line-numbers language-css" data-language="css"><code class="language-css"><span class="token selector">:root</span> <span class="token punctuation">&#123;</span>
    <span class="token property">--side-bar-bg-color</span><span class="token punctuation">:</span> #fafafa<span class="token punctuation">;</span>
    <span class="token property">--control-text-color</span><span class="token punctuation">:</span> #777<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token atrule"><span class="token rule">@include-when-export</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&amp;subset=latin,latin-ext<span class="token punctuation">)</span></span><span class="token punctuation">;</span></span>

<span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'Open Sans'</span><span class="token punctuation">;</span>
    <span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Open Sans Regular'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'./github/400.woff'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'Open Sans'</span><span class="token punctuation">;</span>
    <span class="token property">font-style</span><span class="token punctuation">:</span> italic<span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Open Sans Italic'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'./github/400i.woff'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'Open Sans'</span><span class="token punctuation">;</span>
    <span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span>
    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Open Sans Bold'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'./github/700.woff'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'Open Sans'</span><span class="token punctuation">;</span>
    <span class="token property">font-style</span><span class="token punctuation">:</span> italic<span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span>
    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Open Sans Bold Italic'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'./github/700i.woff'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">html</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 16px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">body</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">"Open Sans"</span><span class="token punctuation">,</span><span class="token string">"Clear Sans"</span><span class="token punctuation">,</span><span class="token string">"Helvetica Neue"</span><span class="token punctuation">,</span>Helvetica<span class="token punctuation">,</span>Arial<span class="token punctuation">,</span>sans-serif<span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>51<span class="token punctuation">,</span> 51<span class="token punctuation">,</span> 51<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.6<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">#write</span> <span class="token punctuation">&#123;</span>
    <span class="token property">max-width</span><span class="token punctuation">:</span> 860px<span class="token punctuation">;</span>
  	<span class="token property">margin</span><span class="token punctuation">:</span> 0 auto<span class="token punctuation">;</span>
  	<span class="token property">padding</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span>
    <span class="token property">padding-bottom</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">#write > ul:first-child,
#write > ol:first-child</span><span class="token punctuation">&#123;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">a</span> <span class="token punctuation">&#123;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #4183C4<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h1,
h2,
h3,
h4,
h5,
h6</span> <span class="token punctuation">&#123;</span>
    <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 1rem<span class="token punctuation">;</span>
    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 1rem<span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.4<span class="token punctuation">;</span>
    <span class="token property">cursor</span><span class="token punctuation">:</span> text<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor</span> <span class="token punctuation">&#123;</span>
    <span class="token comment">/*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/</span>
    <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h1 tt,
h1 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h2 tt,
h2 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h3 tt,
h3 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h4 tt,
h4 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h5 tt,
h5 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h6 tt,
h6 code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h1</span> <span class="token punctuation">&#123;</span>
    <span class="token property">padding-bottom</span><span class="token punctuation">:</span> .3em<span class="token punctuation">;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 2.25em<span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.2<span class="token punctuation">;</span>
    <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px solid #eee<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h2</span> <span class="token punctuation">&#123;</span>
   <span class="token property">padding-bottom</span><span class="token punctuation">:</span> .3em<span class="token punctuation">;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 1.75em<span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.225<span class="token punctuation">;</span>
    <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px solid #eee<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h3</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 1.5em<span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.43<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h4</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 1.25em<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h5</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 1em<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">h6</span> <span class="token punctuation">&#123;</span>
   <span class="token property">font-size</span><span class="token punctuation">:</span> 1em<span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #777<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">p,
blockquote,
ul,
ol,
dl,
table</span><span class="token punctuation">&#123;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 0.8em 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">li>ol,
li>ul</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 0 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">hr</span> <span class="token punctuation">&#123;</span>
    <span class="token property">height</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 16px 0<span class="token punctuation">;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #19f0f4<span class="token punctuation">;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 0 none<span class="token punctuation">;</span>
    <span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
    <span class="token property">box-sizing</span><span class="token punctuation">:</span> content-box<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">li p.first</span> <span class="token punctuation">&#123;</span>
    <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">ul,
ol</span> <span class="token punctuation">&#123;</span>
    <span class="token property">padding-left</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">ul:first-child,
ol:first-child</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">ul:last-child,
ol:last-child</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">blockquote</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border-left</span><span class="token punctuation">:</span> 4px solid #42b983<span class="token punctuation">;</span>
	<span class="token property">background-color</span><span class="token punctuation">:</span> #f3f5f7<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0 15px<span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #777777<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">blockquote blockquote</span> <span class="token punctuation">&#123;</span>
    <span class="token property">padding-right</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table</span> <span class="token punctuation">&#123;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">word-break</span><span class="token punctuation">:</span> initial<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border-top</span><span class="token punctuation">:</span> 1px solid #dfe2e5<span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr:nth-child(2n),
thead</span> <span class="token punctuation">&#123;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #f8f8f8<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr th</span> <span class="token punctuation">&#123;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #dfe2e5<span class="token punctuation">;</span>
    <span class="token property">border-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 6px 13px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr td</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #dfe2e5<span class="token punctuation">;</span>
    <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 6px 13px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr th:first-child,
table tr td:first-child</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">table tr th:last-child,
table tr td:last-child</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.CodeMirror-lines</span> <span class="token punctuation">&#123;</span>
    <span class="token property">padding-left</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.code-tooltip</span> <span class="token punctuation">&#123;</span>
    <span class="token property">box-shadow</span><span class="token punctuation">:</span> 0 1px 1px 0 <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>28<span class="token punctuation">,</span>36<span class="token punctuation">,</span>.3<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token property">border-top</span><span class="token punctuation">:</span> 1px solid #eef2f2<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-fences,
code,
tt</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #5cb85c<span class="token punctuation">;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #f8f8f8<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 2px 4px 0px 4px<span class="token punctuation">;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 0.9em<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">code</span> <span class="token punctuation">&#123;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #5cb85c<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0 4px 2px 4px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-fences</span> <span class="token punctuation">&#123;</span>
    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 0.2em 1em<span class="token punctuation">;</span>
    <span class="token property">padding-top</span><span class="token punctuation">:</span> 8px<span class="token punctuation">;</span>
    <span class="token property">padding-bottom</span><span class="token punctuation">:</span> 6px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>


<span class="token selector">.md-task-list-item > input</span> <span class="token punctuation">&#123;</span>
  <span class="token property">margin-left</span><span class="token punctuation">:</span> -1.3em<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token atrule"><span class="token rule">@media</span> print</span> <span class="token punctuation">&#123;</span>
    <span class="token selector">html</span> <span class="token punctuation">&#123;</span>
        <span class="token property">font-size</span><span class="token punctuation">:</span> 13px<span class="token punctuation">;</span>
    <span class="token punctuation">&#125;</span>
    <span class="token selector">table,
    pre</span> <span class="token punctuation">&#123;</span>
        <span class="token property">page-break-inside</span><span class="token punctuation">:</span> avoid<span class="token punctuation">;</span>
    <span class="token punctuation">&#125;</span>
    <span class="token selector">pre</span> <span class="token punctuation">&#123;</span>
        <span class="token property">word-wrap</span><span class="token punctuation">:</span> break-word<span class="token punctuation">;</span>
    <span class="token punctuation">&#125;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-fences</span> <span class="token punctuation">&#123;</span>
	<span class="token property">background-color</span><span class="token punctuation">:</span> #f8f8f8<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">#write pre.md-meta-block</span> <span class="token punctuation">&#123;</span>
	<span class="token property">padding</span><span class="token punctuation">:</span> 1rem<span class="token punctuation">;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 85%<span class="token punctuation">;</span>
    <span class="token property">line-height</span><span class="token punctuation">:</span> 1.45<span class="token punctuation">;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #f7f7f7<span class="token punctuation">;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #777777<span class="token punctuation">;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> 0 <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.mathjax-block>.code-tooltip</span> <span class="token punctuation">&#123;</span>
	<span class="token property">bottom</span><span class="token punctuation">:</span> .375rem<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-mathjax-midline</span> <span class="token punctuation">&#123;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> #fafafa<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">#write>h3.md-focus:before</span><span class="token punctuation">&#123;</span>
	<span class="token property">left</span><span class="token punctuation">:</span> -1.5625rem<span class="token punctuation">;</span>
	<span class="token property">top</span><span class="token punctuation">:</span> .375rem<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">#write>h4.md-focus:before</span><span class="token punctuation">&#123;</span>
	<span class="token property">left</span><span class="token punctuation">:</span> -1.5625rem<span class="token punctuation">;</span>
	<span class="token property">top</span><span class="token punctuation">:</span> .285714286rem<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">#write>h5.md-focus:before</span><span class="token punctuation">&#123;</span>
	<span class="token property">left</span><span class="token punctuation">:</span> -1.5625rem<span class="token punctuation">;</span>
	<span class="token property">top</span><span class="token punctuation">:</span> .285714286rem<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">#write>h6.md-focus:before</span><span class="token punctuation">&#123;</span>
	<span class="token property">left</span><span class="token punctuation">:</span> -1.5625rem<span class="token punctuation">;</span>
	<span class="token property">top</span><span class="token punctuation">:</span> .285714286rem<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>
<span class="token selector">.md-image>.md-meta</span> <span class="token punctuation">&#123;</span>
    <span class="token comment">/*border: 1px solid #ddd;*/</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> 2px 0px 0px 4px<span class="token punctuation">;</span>
    <span class="token property">font-size</span><span class="token punctuation">:</span> 0.9em<span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-tag</span> <span class="token punctuation">&#123;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #a7a7a7<span class="token punctuation">;</span>
    <span class="token property">opacity</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-toc</span> <span class="token punctuation">&#123;</span> 
    <span class="token property">margin-top</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span>
    <span class="token property">padding-bottom</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.sidebar-tabs</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border-bottom</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">#typora-quick-open</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #ddd<span class="token punctuation">;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #f8f8f8<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">#typora-quick-open-item</span> <span class="token punctuation">&#123;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #FAFAFA<span class="token punctuation">;</span>
    <span class="token property">border-color</span><span class="token punctuation">:</span> #FEFEFE #e5e5e5 #e5e5e5 #eee<span class="token punctuation">;</span>
    <span class="token property">border-style</span><span class="token punctuation">:</span> solid<span class="token punctuation">;</span>
    <span class="token property">border-width</span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token comment">/** focus mode */</span>
<span class="token selector">.on-focus-mode blockquote</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border-left-color</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>85<span class="token punctuation">,</span> 85<span class="token punctuation">,</span> 85<span class="token punctuation">,</span> 0.12<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">header, .context-menu, .megamenu-content, footer</span><span class="token punctuation">&#123;</span>
    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">"Segoe UI"</span><span class="token punctuation">,</span> <span class="token string">"Arial"</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state</span><span class="token punctuation">&#123;</span>
    <span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.mac-seamless-mode #typora-sidebar</span> <span class="token punctuation">&#123;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> #fafafa<span class="token punctuation">;</span>
    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--side-bar-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.md-lang</span> <span class="token punctuation">&#123;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> #b4654d<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.html-for-mac .context-menu</span> <span class="token punctuation">&#123;</span>
    <span class="token property">--item-hover-bg-color</span><span class="token punctuation">:</span> #E6F0FE<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">#md-notification .btn</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span>

<span class="token selector">.dropdown-menu .divider</span> <span class="token punctuation">&#123;</span>
    <span class="token property">border-color</span><span class="token punctuation">:</span> #e5e5e5<span class="token punctuation">;</span>
<span class="token punctuation">&#125;</span><span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>

<blockquote>
<p>base-control.css</p>
</blockquote>
<pre class="line-numbers language-css" data-language="css"><code class="language-css"><span class="token selector">:root</span><span class="token punctuation">&#123;</span><span class="token property">--md-char-color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">--meta-content-color</span><span class="token punctuation">:</span>#5b808d<span class="token punctuation">;</span><span class="token property">--blur-text-color</span><span class="token punctuation">:</span>#C8C8C8<span class="token punctuation">;</span><span class="token property">--drag-placeholder-color</span><span class="token punctuation">:</span>#c7c5c5<span class="token punctuation">;</span><span class="token property">--panel-border-color</span><span class="token punctuation">:</span>#777777<span class="token punctuation">;</span><span class="token property">--active-toggle-btn-color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">;</span><span class="token property">--table-border-color</span><span class="token punctuation">:</span>#ccc<span class="token punctuation">;</span><span class="token property">--primary-color</span><span class="token punctuation">:</span>#428bca<span class="token punctuation">;</span><span class="token property">--primary-btn-border-color</span><span class="token punctuation">:</span>#285e8e<span class="token punctuation">;</span><span class="token property">--primary-btn-text-color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">--search-select-bg-color</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">--search-select-text-color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">--heading-char-color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">;</span><span class="token property">--color-popover-bg-color</span><span class="token punctuation">:</span>#fafafa<span class="token punctuation">;</span><span class="token property">--control-text-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">--control-text-hover-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">--window-border</span><span class="token punctuation">:</span>1px solid #eee<span class="token punctuation">;</span><span class="token property">--active-file-bg-color</span><span class="token punctuation">:</span>#eee<span class="token punctuation">;</span><span class="token property">--active-file-text-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">--active-file-border-color</span><span class="token punctuation">:</span>#777<span class="token punctuation">;</span><span class="token property">--focus-ring-color</span><span class="token punctuation">:</span>#6eace2<span class="token punctuation">;</span><span class="token property">--side-bar-bg-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">--item-hover-bg-color</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>229<span class="token punctuation">,</span> 229<span class="token punctuation">,</span> 229<span class="token punctuation">,</span> 0.59<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">--item-hover-text-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">--side-bar-menu-active-tint</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--side-bar-menu-active-tint<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">--mac-title-bar-height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">--sidebar-width</span><span class="token punctuation">:</span>270px<span class="token punctuation">;</span><span class="token property">--rawblock-edit-panel-bd</span><span class="token punctuation">:</span>#f5f6f7<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@font-face</span></span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>Raleway<span class="token punctuation">;</span><span class="token property">font-style</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">src</span><span class="token punctuation">:</span><span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Raleway'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Raleway-Regular'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>Raleway-latin-ext.woff2<span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">unicode-range</span><span class="token punctuation">:</span>U+0100-024F<span class="token punctuation">,</span>U+1E00-1EFF<span class="token punctuation">,</span>U+20A0-20AB<span class="token punctuation">,</span>U+20AD-20CF<span class="token punctuation">,</span>U+2C60-2C7F<span class="token punctuation">,</span>U+A720-A7FF<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@font-face</span></span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>Raleway<span class="token punctuation">;</span><span class="token property">font-style</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">src</span><span class="token punctuation">:</span><span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Raleway'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token function">local</span><span class="token punctuation">(</span><span class="token string">'Raleway-Regular'</span><span class="token punctuation">)</span><span class="token punctuation">,</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>Raleway-latin.woff2<span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">unicode-range</span><span class="token punctuation">:</span>U+0000-00FF<span class="token punctuation">,</span>U+0131<span class="token punctuation">,</span>U+0152-0153<span class="token punctuation">,</span>U+02C6<span class="token punctuation">,</span>U+02DA<span class="token punctuation">,</span>U+02DC<span class="token punctuation">,</span>U+2000-206F<span class="token punctuation">,</span>U+2074<span class="token punctuation">,</span>U+20AC<span class="token punctuation">,</span>U+2212<span class="token punctuation">,</span>U+2215<span class="token punctuation">&#125;</span><span class="token selector">[cid] table,h1[cid],h2[cid],h3[cid],h4[cid],h5[cid],h6[cid],p[cid]</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">&#125;</span><span class="token selector">.modal-content</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.popover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.popover.bottom>.arrow:after</span><span class="token punctuation">&#123;</span><span class="token property">border-bottom-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu>li</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">list-style-type</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu>li>a</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">button</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">input</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">select</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.icon-no-pic:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\e600"</span><span class="token punctuation">&#125;</span><span class="token selector">#header</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>50px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#footer</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>50px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">content</span><span class="token punctuation">&#123;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">#write</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>100vh<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>30px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>30px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">-webkit-user-drag</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>70px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>40px<span class="token punctuation">&#125;</span><span class="token selector">.typora-node #write</span><span class="token punctuation">&#123;</span><span class="token property">min-height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#write.typewriter-mode</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>50%<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#write:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#write h1:empty:after,#write h2:empty:after,#write h3:empty:after,#write h4:empty:after,#write h5:empty:after,#write h6:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'\200B'</span><span class="token punctuation">&#125;</span><span class="token selector">#write p[cid]:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'\200B'</span><span class="token punctuation">&#125;</span><span class="token selector">.md-meta-none</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-empty .md-meta,.md-expand .md-content,.md-expand .md-meta,.md-expand.md-content,.md-expand.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-search-expand .md-content,.md-search-expand .md-meta,.md-search-expand script,.md-search-expand.md-content,.md-search-expand.md-meta,script.md-search-expand</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-search-expand .MathJax_SVG</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-expand-on-selection .md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-expand-on-selection .md-meta.md-content</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-tmp-expand .md-content,.md-tmp-expand .md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">letter-spacing</span><span class="token punctuation">:</span>-100px<span class="token punctuation">&#125;</span><span class="token selector">img</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">border-left</span><span class="token punctuation">:</span>2px transparent solid<span class="token punctuation">;</span><span class="token property">border-right</span><span class="token punctuation">:</span>4px transparent solid<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>10px solid #eeeeee<span class="token punctuation">&#125;</span><span class="token selector">p>img:only-child</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.md-focus .md-expand>img</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-content</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#5b808d<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--meta-content-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#BBB<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-after,.md-before</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-url</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>underline<span class="token punctuation">&#125;</span><span class="token selector">[md-inline=linebreak]>.md-linebreak-mark:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"↓"</span><span class="token punctuation">&#125;</span><span class="token selector">.hide-br-and-line-break .md-br-content</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-linebreak-mark,.md-raw-html-src-content,.md-raw-inline,.md-tag,[md-inline=linebreak]</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">&#125;</span><span class="token selector">.md-raw-html-src</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-line<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.9em<span class="token punctuation">&#125;</span><span class="token selector">.hide-br-and-line-break .md-expand.md-br-content,.hide-br-and-line-break .md-focus .md-br-content</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">.md-html-inline,.md-ruby</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">&#125;</span><span class="token selector">.md-html-inline:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\200b"</span><span class="token punctuation">&#125;</span><span class="token selector">.md-html-inline .md-meta,.md-ruby .md-meta</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">&#125;</span><span class="token selector">.md-ruby.md-expand .md-ruby-container</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.ignore-line-break p[cid]</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">&#125;</span><span class="token selector">.ignore-line-break [md-inline=plain]</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">&#125;</span><span class="token selector">.ignore-line-break .md-softbreak:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'\200B'</span><span class="token punctuation">&#125;</span><span class="token selector">.md-br-content:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">" "</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">h1 .md-tag,h2 .md-tag,h3 .md-tag,h4 .md-tag,h5 .md-tag,h6 .md-tag</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>initial<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.35<span class="token punctuation">&#125;</span><span class="token selector">.md-link-title</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">font-style</span><span class="token punctuation">:</span>italic<span class="token punctuation">&#125;</span><span class="token selector">.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn-group</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-3px<span class="token punctuation">&#125;</span><span class="token selector">.md-table-resize-popover</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>130px<span class="token punctuation">&#125;</span><span class="token selector">#table-insert-col,#table-insert-row</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.md-align-gp</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>50<span class="token punctuation">&#125;</span><span class="token selector">.ty-table-edit</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-4px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.right-th-button</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">&#125;</span><span class="token selector">.ty-table-edit button</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid transparent<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>1px 5px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.5<span class="token punctuation">&#125;</span><span class="token selector">.md-table-more-label</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-table-more:focus,.md-table-more:hover,.ty-table-edit .md-table-more</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">outline</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-table-more:focus .md-table-more-label,.md-table-more:hover .md-table-more-label</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.ty-table-edit .btn-group-sm>.btn</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.ty-table-edit div</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.typora-table-insert-marker</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.typora-table-insert-marker .fa</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>18px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-row-insert-marker .fa-caret-left</span><span class="token punctuation">&#123;</span><span class="token property">right</span><span class="token punctuation">:</span>-10px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>-6px<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-row-insert-marker .fa-caret-right</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>-10px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>-6px<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-col-insert-marker .fa-caret-down</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>-13px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>-3px<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-col-insert-marker .fa-caret-up</span><span class="token punctuation">&#123;</span><span class="token property">bottom</span><span class="token punctuation">:</span>-14px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>-3px<span class="token punctuation">&#125;</span><span class="token selector">.no-selection</span><span class="token punctuation">&#123;</span><span class="token property">user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">-webkit-user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.typora-on-moving td,.typora-on-moving th,td.typora-on-moving,th.typora-on-moving</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#c7c5c5<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--drag-placeholder-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.5<span class="token punctuation">&#125;</span><span class="token selector">.typora-table-drag-area</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-col-tracker,#typora-table-row-tracker</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-row-tracker .typora-table-drag-area</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>-6px<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-col-tracker .typora-table-drag-area</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>-4px<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-row-tracker</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>ns-resize<span class="token punctuation">&#125;</span><span class="token selector">#typora-table-col-tracker</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>ew-resize<span class="token punctuation">&#125;</span><span class="token selector">.td-span</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>4ch<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>10px<span class="token punctuation">&#125;</span><span class="token selector">#write .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.ty-input</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-user-modify</span><span class="token punctuation">:</span>read-write-plaintext-only<span class="token punctuation">&#125;</span><span class="token selector">.ty-input:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\200b"</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac .ty-cm-lang-input:empty</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>50%<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac .ty-cm-lang-input:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac img,.html-for-mac video</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translateZ</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.ty-cm-lang-input:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>placeholder<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip .ty-input,.code-tooltip input</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>140px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 4px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.5<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip .btn-default</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.md-header-span</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">&#125;</span><span class="token selector">.md-fences .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>-2.5em<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">&#125;</span><span class="token selector">.lint .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8em<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>20<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 1px 1px 0 <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>28<span class="token punctuation">,</span>36<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-linenumber</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>6px<span class="token punctuation">&#125;</span><span class="token selector">#math-inline-preview.code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>1em<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip.md-hover-tip</span><span class="token punctuation">&#123;</span><span class="token property">right</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>50px<span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip .MathJax .noError</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>#fff<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip-content</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>20<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>1ch<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>30px<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip-content code</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>grey<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip .code-tooltip-content</span><span class="token punctuation">&#123;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.95<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-2px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.2em<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip a</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#B6C8DA<span class="token punctuation">;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-all<span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip .mjx-svg-href</span><span class="token punctuation">&#123;</span><span class="token property">fill</span><span class="token punctuation">:</span>#B6C8DA<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">stroke</span><span class="token punctuation">:</span>#B6C8DA<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip .md-arrow</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>-5px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.95<span class="token punctuation">&#125;</span><span class="token selector">.md-hover-tip .md-arrow:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">''</span><span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>45deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>45deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 1px 4px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.4<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>19<span class="token punctuation">&#125;</span><span class="token selector">.md-resize-table-th .popover</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>15px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-10px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>134px<span class="token punctuation">&#125;</span><span class="token selector">.md-resize-table-th .popover.arrow</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip.popover</span><span class="token punctuation">&#123;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 5px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.enable-diagrams pre.md-fences[lang=sequence]:not(.md-focus),.enable-diagrams pre.md-fences[lang=flow]:not(.md-focus),.enable-diagrams pre.md-fences[lang=mermaid]:not(.md-focus)</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.enable-diagrams pre.md-fences[lang=sequence]:not(.md-focus) .CodeMirror,.enable-diagrams pre.md-fences[lang=flow]:not(.md-focus) .CodeMirror,.enable-diagrams pre.md-fences[lang=mermaid]:not(.md-focus) .CodeMirror</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-fences-with-lineno .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-diagram-panel-preview</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">pre.md-fences[lang=sequence] .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>16px<span class="token punctuation">&#125;</span><span class="token selector">pre.md-fences[lang=sequence].md-focus .md-diagram-panel,pre.md-fences[lang=flow].md-focus .md-diagram-panel,pre.md-fences[lang=mermaid].md-focus .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">&#125;</span><span class="token selector">.md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #777<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--panel-border-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.enable-diagrams pre.md-fences[lang=sequence] .code-tooltip,.enable-diagrams pre.md-fences[lang=flow] .code-tooltip,.enable-diagrams pre.md-fences[lang=mermaid] .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">right</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>-3em<span class="token punctuation">&#125;</span><span class="token selector">#write>[mermaid-type=gantt] .md-diagram-panel,#write>[mermaid-type=gantt].md-focus .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>-50vw + 50% + .8em<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>-50vw + 50% + .8em<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>1140px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #write>[mermaid-type=gantt] .md-diagram-panel,.pin-outline #write>[mermaid-type=gantt].md-focus .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#write>[mermaid-type=gantt].md-focus .md-diagram-panel</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">#write.enable-diagrams>[mermaid-type=gantt].md-fences:not(.md-focus)</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>98vw<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>-49vw + 50%<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #write.enable-diagrams>[mermaid-type=gantt].md-fences:not(.md-focus)</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.md-diagram-panel-error</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8em<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#a94442<span class="token punctuation">&#125;</span><span class="token selector">.md-diagram-panel-preview:empty</span><span class="token punctuation">&#123;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>10px<span class="token punctuation">&#125;</span><span class="token selector">.md-diagram-panel-preview:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"Painting Diagram..."</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>grey<span class="token punctuation">&#125;</span><span class="token selector">.md-image</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-all<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">&#125;</span><span class="token selector">.md-image>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#5B469B<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>top<span class="token punctuation">&#125;</span><span class="token selector">.md-image>.md-show-hint:after,.md-no-ref.md-expand>.md-content:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"image is loading ..."</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>1.8rem<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>.714285714rem<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>18px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#666<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--meta-content-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>18px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 3px 8px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.6<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>9999<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>200px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-no-ref.md-expand>.md-content:after,.md-no-ref>.md-show-hint:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>data-hint<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>300px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>1.5rem<span class="token punctuation">&#125;</span><span class="token selector">.md-image.md-img-error>.md-show-hint:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"image load failed"</span><span class="token punctuation">&#125;</span><span class="token selector">.md-image.md-img-loaded>.md-show-hint:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-focus .md-img-error>.md-meta:first-of-type:before,.md-image>.md-meta:first-of-type:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\e060"</span><span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>typora-icon<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>top<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">.md-img-error>.md-meta:first-of-type:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\e602"</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>static<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">&#125;</span><span class="token selector">[md-inline=imgtag].md-image-multi-line.md-img-loaded .md-content:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\200b"</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>1px<span class="token punctuation">&#125;</span><span class="token selector">.md-image-multi-line .md-meta:first-of-type:before</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-24px<span class="token punctuation">&#125;</span><span class="token selector">.md-image-multi-line>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>24px<span class="token punctuation">&#125;</span><span class="token selector">.md-expand.md-img-loaded.md-image-multi-line>.md-meta,.md-image-multi-line>.md-meta,.md-img-error.md-image-multi-line>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.md-image-multi-line img</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.md-img-error img,img[src='']</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-image:not(.md-image-multi-line)>.md-meta,.md-img-error>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-image.md-img-loaded:not(.md-expand)>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">[md-inline].md-expand .md-image.md-img-loaded>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-img-loaded .md-content</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-image-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.42<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>6px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>6px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>3ex<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">&#125;</span><span class="token selector">.md-image-btn.selected,.md-image-btn:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.7<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-image-btn:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>content<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">&#125;</span><span class="token selector">.md-image-input-src-btn</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>text<span class="token punctuation">;</span><span class="token property">border-top-right-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-bottom-right-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-image-pick-file-btn</span><span class="token punctuation">&#123;</span><span class="token property">border-top-left-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-bottom-left-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-left</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.58<span class="token punctuation">)</span> solid 1px<span class="token punctuation">&#125;</span><span class="token selector">.md-image-pick-file-btn:before</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>FontAwesome<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f07c"</span><span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2px<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> loadingC</span><span class="token punctuation">&#123;</span><span class="token selector">0</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">50%</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>12px<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">100%</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-mask-wrapper</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50% - 50px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50% - 50px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>51<span class="token punctuation">,</span>51<span class="token punctuation">,</span>51<span class="token punctuation">,</span>.62<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-mask</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.uploading-line</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#ccc<span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-label</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-label:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"Uploading"</span><span class="token punctuation">&#125;</span><span class="token selector">.md-on-moving .md-image-uploading-label:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"Copying"</span><span class="token punctuation">&#125;</span><span class="token selector">.md-on-moving,.md-on-uploading</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-on-uploading img</span><span class="token punctuation">&#123;</span><span class="token property">filter</span><span class="token punctuation">:</span><span class="token function">blur</span><span class="token punctuation">(</span>2px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>100px<span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-mask .uploading-line:nth-last-child(1)</span><span class="token punctuation">&#123;</span><span class="token property">animation</span><span class="token punctuation">:</span>loadingC .6s .1s linear infinite<span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-mask .uploading-line:nth-last-child(2)</span><span class="token punctuation">&#123;</span><span class="token property">animation</span><span class="token punctuation">:</span>loadingC .6s .2s linear infinite<span class="token punctuation">&#125;</span><span class="token selector">.md-image-uploading-mask .uploading-line:nth-last-child(3)</span><span class="token punctuation">&#123;</span><span class="token property">animation</span><span class="token punctuation">:</span>loadingC .6s .3s linear infinite<span class="token punctuation">&#125;</span><span class="token selector">.md-auto-disp:empty</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>4ch<span class="token punctuation">&#125;</span><span class="token selector">.md-img-loaded</span><span class="token punctuation">&#123;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>top<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-expand.md-img-loaded>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">&#125;</span><span class="token selector">.md-expand.md-img-loaded>.md-meta>span</span><span class="token punctuation">&#123;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>top<span class="token punctuation">&#125;</span><span class="token selector">.md-expand.md-img-loaded>img</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-auto-disp</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-auto-disp:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'\200B'</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-def-name</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>1em<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2ch<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>2.5ch<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-def-footnote .md-def-name:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'[^'</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-name:before</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'['</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">&#125;</span><span class="token selector">.md-def-name:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'name   ]'</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-name:after</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'] :'</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-split</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>3ch<span class="token punctuation">&#125;</span><span class="token selector">.md-def-link.md-def-content:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'url'</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-title:before</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'"'</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-def-title:after</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'"'</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-def-title</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2ch<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>2ch<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>3ch<span class="token punctuation">&#125;</span><span class="token selector">.md-def-title:empty</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-focus .md-def-title:empty</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>16ch<span class="token punctuation">&#125;</span><span class="token selector">.md-def-title:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'"  title (optional)  '</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-url:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">' input link url here '</span><span class="token punctuation">;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-def-footnote .md-def-content:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>10ch<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'input description here'</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-content:empty,.md-def-content>span:first-child:empty</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>10ch<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">' '</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-content>span:first-child:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>10ch<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'input description here'</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">&#125;</span><span class="token selector">.md-def-url</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>underline<span class="token punctuation">&#125;</span><span class="token selector">.md-def-split.md-auto-hide</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>1px<span class="token punctuation">&#125;</span><span class="token selector">p.rawedit:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">''</span><span class="token punctuation">&#125;</span><span class="token selector">#md-notification</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>9999<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>.2s<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translate3d</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate3d</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span>1px dashed<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #md-notification</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">#md-notification p</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>8px auto<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2ch<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.9rem<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>64px<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@media</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span>1500px<span class="token punctuation">)</span></span><span class="token punctuation">&#123;</span><span class="token selector">#md-notification p</span><span class="token punctuation">&#123;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>64px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">#md-notification .close-btn,#md-notification .ty-icon-close-btn</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50% - 10px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>24px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">#md-notification .close-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>48px<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #md-notification .ty-icon-close-btn</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>28px<span class="token punctuation">&#125;</span><span class="token selector">#md-notification a.default-btn</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.form-control</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.form-inline .input-group</span><span class="token punctuation">&#123;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>initial<span class="token punctuation">&#125;</span><span class="token selector">.form-inline .input-group .input-group-addon</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>1%<span class="token punctuation">&#125;</span><span class="token selector">.form-inline .input-group .form-control,.form-inline .input-group .input-group-btn</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.typora-sourceview-on #write</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">#typora-source</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #typora-source</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-gutters</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>initial<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-lines</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>30px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>60px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>60px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>30px<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>800px<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0 auto<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-wrap .CodeMirror-scroll</span><span class="token punctuation">&#123;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-activeline .cm-trailing-space-new-line:after</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-activeline .cm-starttab .cm-tab:after</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span><span class="token property">background-position</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">background-repeat</span><span class="token punctuation">:</span>no-repeat<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-activeline .cm-startspace:after,.CodeMirror-activeline .cm-trailing-space-new-line:after</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.2<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-inner .CodeMirror-vscrollbar</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-gutter-wrapper</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>-6ch<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>4ch<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8rem<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>.1rem<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-linenumber</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-sizer</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-gutter</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>4ch<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-activeline .CodeMirror-linenumber,#typora-source .CodeMirror-linenumber.CodeMirror-linenumber-show</span><span class="token punctuation">&#123;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">&#125;</span><span class="token selector">#typora-source .CodeMirror-code>.CodeMirror-activeline::before,#typora-source .CodeMirror-code>:first-child::before,#typora-source .CodeMirror-code>:last-child::before,#typora-source .CodeMirror-code>:nth-child(10n)::before</span><span class="token punctuation">&#123;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1001<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.6<span class="token punctuation">)</span> 0 0 .5em<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>5px 8px 0 16px<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translate3d</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate3d</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>39px<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #md-searchpanel</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>25px<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>56px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .search-type-selection</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>76px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .fa-sort-desc</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>-2px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .fa-sort-asc</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .input-group-addon.close-btn</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 8px 0 32px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .input-group-addon.close-btn .ion-close-round</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .input-group-addon.close-btn .ty-upload</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel.searchpanel-replace-mode</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>70px<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>max-height .4s<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #md-searchpanel.searchpanel-replace-mode</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>90px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel.searchpanel-msg-mode</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>max-height .4s<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #md-searchpanel.searchpanel-msg-mode</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>initial<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel.searchpanel-replace-mode #md-search-type-label</span><span class="token punctuation">&#123;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .btn:not(.close-btn):hover</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background-image</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span>inset 0 3px 5px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.125<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>inset 0 3px 5px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.125<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel svg.icon</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">stroke</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">fill</span><span class="token punctuation">:</span>currentColor<span class="token punctuation">&#125;</span><span class="token selector">.searchpanel-search-option-btn.active</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-toggle-btn-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#000<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .input-group-addon</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 5px 0 5px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>26px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .btn</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>90<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel .btn label</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">#md-replace-type-label,#md-search-type-label</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>26px<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel input</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>26px<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">.on-search-panel-open content</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.on-replace-panel-open content</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>50px<span class="token punctuation">&#125;</span><span class="token selector">#searchpanel-msg</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>15px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#8a6d3b<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#faebcc<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid transparent<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#eee<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity 0s ease-in<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>28px<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">#md-searchpanel.searchpanel-msg-mode #searchpanel-msg</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity .2s .2s ease-out<span class="token punctuation">&#125;</span><span class="token selector">.searchpanel-msg-btn</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-1px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>underline<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.ty-search-panel-row</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.ty-replace-panel-row</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity 0s ease-in<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>2px<span class="token punctuation">&#125;</span><span class="token selector">.searchpanel-replace-mode .ty-replace-panel-row</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity .2s .15s ease-out<span class="token punctuation">&#125;</span><span class="token selector">.searchpanel-search-option-btn</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #ddd<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-toggle-btn-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">#searchpanel-case-option-btn</span><span class="token punctuation">&#123;</span><span class="token property">right</span><span class="token punctuation">:</span>32px<span class="token punctuation">&#125;</span><span class="token selector">.md-f-content</span><span class="token punctuation">&#123;</span><span class="token property">max-width</span><span class="token punctuation">:</span>500px<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board a.md-active,.md-grid-board a:hover</span><span class="token punctuation">&#123;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#a1a1a1<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#c8caf4<span class="token punctuation">&#125;</span><span class="token selector">table.md-grid-board</span><span class="token punctuation">&#123;</span><span class="token property">border-spacing</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">border-collapse</span><span class="token punctuation">:</span>separate<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>10px auto<span class="token punctuation">&#125;</span><span class="token selector">table.md-grid-board td</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board tr[row='1']</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#dcdcdc<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board tr[row='1'] .md-grid-ext</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#555<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board .md-grid-ext</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#999<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board tr[row='1'] a.md-active,.md-grid-board tr[row='1'] a:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#94a7b9<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board a</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid transparent<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#d6d6d6<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--table-border-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>13px<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap div</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap input</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>3ch<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">#md-resize-grid</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-2px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>1ch<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-btn-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#3071a9<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#285e8e<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-btn-border-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap .popover-title</span><span class="token punctuation">&#123;</span><span class="token property">border-top</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">button.md-table-more</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac .md-table-more</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap #md-grid-width</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>right<span class="token punctuation">&#125;</span><span class="token selector">.md-grid-board-wrap #md-grid-height</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">&#125;</span><span class="token selector">sup.md-footnote</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>.2ch<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>.2ch<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>initial<span class="token punctuation">&#125;</span><span class="token selector">.md-footnote</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-search-hit</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>248<span class="token punctuation">,</span>192<span class="token punctuation">,</span>116<span class="token punctuation">,</span>.3<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-search-hit</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>248<span class="token punctuation">,</span>192<span class="token punctuation">,</span>116<span class="token punctuation">,</span>.3<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>inherit<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-selected,.CodeMirror-selectedtext</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#B5D6FC<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--select-text-bg-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--select-text-font-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">text-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.cm-search-hit.CodeMirror-selectedtext,.md-search-select</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--search-select-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--search-select-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">text-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-inner .cm-search-hit.CodeMirror-selected,.cm-s-inner .cm-search-hit.CodeMirror-selectedtext</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--search-select-bg-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--search-select-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-selected</span><span class="token punctuation">&#123;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.modal-title</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>1.25em<span class="token punctuation">&#125;</span><span class="token selector">#table-insert-dialog</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>100px<span class="token punctuation">&#125;</span><span class="token selector">#table-insert-dialog .row</span><span class="token punctuation">&#123;</span><span class="token property">min-height</span><span class="token punctuation">:</span>30px<span class="token punctuation">&#125;</span><span class="token selector">#table-insert-dialog .col-lg-6</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50% - 20px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">#write pre.md-meta-block:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#999<span class="token punctuation">;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"input YAML Front Matter. "</span><span class="token punctuation">&#125;</span><span class="token selector">#error-dialog-message</span><span class="token punctuation">&#123;</span><span class="token property">user-select</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-line<span class="token punctuation">&#125;</span><span class="token selector">.modal-header .close</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-2px<span class="token punctuation">&#125;</span><span class="token selector">button.close</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-appearance</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.close</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>21px<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">text-shadow</span><span class="token punctuation">:</span>0 1px 0 #fff<span class="token punctuation">;</span><span class="token property">filter</span><span class="token punctuation">:</span><span class="token function">alpha</span><span class="token punctuation">(</span>opacity=20<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">h1 input,h2 input,h3 input,h4 input,h5 input,h6 input</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>initial<span class="token punctuation">&#125;</span><span class="token selector">#componenet</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">#MathJax_Message</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-math-block</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">.md-math-container</span><span class="token punctuation">&#123;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.md-math-block .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>initial<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>2px<span class="token punctuation">&#125;</span><span class="token selector">.md-math-block .code-tooltip .btn</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-2px<span class="token punctuation">;</span><span class="token property">border-bottom-left-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-top-left-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-bottom-right-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-top-right-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-math-block .code-tooltip .btn:nth-of-type(1)</span><span class="token punctuation">&#123;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>-6px<span class="token punctuation">&#125;</span><span class="token selector">.md-math-block .code-tooltip .btn:active,.md-math-block .code-tooltip .btn:hover</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.md-math-source</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.5<span class="token punctuation">&#125;</span><span class="token selector">.jax-trigger-finish-button</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#5cb85c<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-mathjax-hint</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span>480px<span class="token punctuation">)</span></span><span class="token punctuation">&#123;</span><span class="token selector">.md-mathjax-hint</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-mathjax-hint:hover:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"  Autosave when blur, or press Cmd+Enter or ⬇ key"</span><span class="token punctuation">;</span><span class="token property">font-style</span><span class="token punctuation">:</span>italic<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>-300px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>16px<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">.md-mathblock-panel</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.md-mathjax-midline</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8em<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token string">"Helvetica Neue"</span><span class="token punctuation">,</span>Helvetica<span class="token punctuation">,</span>Microsoft Yahei<span class="token punctuation">,</span>Hiragino Sans GB<span class="token punctuation">,</span>WenQuanYi Micro Hei<span class="token punctuation">,</span>sans-serif<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>8px 10px<span class="token punctuation">&#125;</span><span class="token selector">.md-mathjax-midline .btn</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>10px<span class="token punctuation">&#125;</span><span class="token selector">.md-mathblock-panel .code-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.mathjax-candidate</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>10px<span class="token punctuation">&#125;</span><span class="token selector">#write h1,#write h2,#write h3,#write h4,#write h5,#write h6</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">h3.md-focus:before,h4.md-focus:before,h5.md-focus:before,h6.md-focus:before</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#ddd<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--heading-char-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>-1.642857143rem<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>.357142857rem<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>9px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>bottom<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>normal<span class="token punctuation">&#125;</span><span class="token selector">h3.md-focus:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'h3'</span><span class="token punctuation">&#125;</span><span class="token selector">h4.md-focus:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'h4'</span><span class="token punctuation">&#125;</span><span class="token selector">h5.md-focus:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'h5'</span><span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">h6.md-focus:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'h6'</span><span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">li>h3.md-focus:first-child:before,li>h4.md-focus:first-child:before,li>h6.md-focus:first-child:before</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">:not(input):focus,input[type=checkbox]:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.btn:focus,.code-tooltip .ty-input:focus,input:focus,input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--focus-ring-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.code-tooltip .ty-input:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span>-webkit-focus-ring-color auto 4px<span class="token punctuation">;</span><span class="token property">outline-offset</span><span class="token punctuation">:</span>-2px<span class="token punctuation">&#125;</span><span class="token selector">.md-hr:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--focus-ring-color<span class="token punctuation">)</span> auto 5px<span class="token punctuation">&#125;</span><span class="token selector">[md-inline=url],[md-inline=link]>.md-content,[md-inline=image]>.md-meta</span><span class="token punctuation">&#123;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-all<span class="token punctuation">&#125;</span><span class="token selector">.md-empty-link .md-content,.md-empty-link .md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.md-emoji-span:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>data-emoji<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">&#125;</span><span class="token selector">.md-expand .md-emoji .md-meta</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-entity:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>data-content<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-def-footnote,.md-def-link,.md-toc,table</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">&#125;</span><span class="token selector">figure</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">table</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>text<span class="token punctuation">&#125;</span><span class="token selector">.md-toc</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-20px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>-20px<span class="token punctuation">&#125;</span><span class="token selector">.md-toc-content</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>20px 0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 20px<span class="token punctuation">&#125;</span><span class="token selector">.md-toc-content:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"[TOC]"</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#4183c4<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>2em<span class="token punctuation">&#125;</span><span class="token selector">.md-toc.md-focus .md-toc-tooltip,.md-toc:focus .md-toc-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-toc-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>30px<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">&#125;</span><span class="token selector">.md-toc:focus .md-toc-content</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>dashed 1px #999<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--panel-border-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>19px -1px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-1px<span class="token punctuation">&#125;</span><span class="token selector">.md-toc-tooltip .btn-default</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">&#125;</span><span class="token selector">.md-delete-toc</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 2px<span class="token punctuation">&#125;</span><span class="token selector">.md-toc:focus</span><span class="token punctuation">&#123;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">#write div.md-toc-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>-30px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token property">border-top</span><span class="token punctuation">:</span>1px solid #ccc<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--border-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#toc-dropmenu.open</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">#toc-dropmenu</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>300px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>100% - 20px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#fafafa<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>-1<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #toc-dropmenu</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@-webkit-keyframes</span> menu-dropdown-slide-down</span><span class="token punctuation">&#123;</span><span class="token selector">0%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">100%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>-10%<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>-10%<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> menu-dropdown-slide-down</span><span class="token punctuation">&#123;</span><span class="token selector">0%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">100%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>-10%<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translateY</span><span class="token punctuation">(</span>-10%<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu.open</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-box<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>box<span class="token punctuation">;</span><span class="token property">-webkit-box-orient</span><span class="token punctuation">:</span>vertical<span class="token punctuation">;</span><span class="token property">box-orient</span><span class="token punctuation">:</span>vertical<span class="token punctuation">&#125;</span><span class="token selector">.dropdown-menu .divider</span><span class="token punctuation">&#123;</span><span class="token property">border-top</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-content</span><span class="token punctuation">&#123;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">-webkit-box-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">box-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-content.on-drop:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--focus-ring-color<span class="token punctuation">)</span> 2px solid<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-content.on-drop</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>3px<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-content-content</span><span class="token punctuation">&#123;</span><span class="token property">min-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">#toc-dropmenu.open</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>all .1s ease-out<span class="token punctuation">;</span><span class="token property">-moz-transition</span><span class="token punctuation">:</span>all .1s ease-out<span class="token punctuation">;</span><span class="token property">-ms-transition</span><span class="token punctuation">:</span>all .1s ease-out<span class="token punctuation">;</span><span class="token property">-o-transition</span><span class="token punctuation">:</span>all .1s ease-out<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>all .1s ease-out<span class="token punctuation">;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>menu-dropdown-slide-down .3s ease-in<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>menu-dropdown-slide-down .3s ease-in<span class="token punctuation">;</span><span class="token property">-webkit-animation-direction</span><span class="token punctuation">:</span>reverse<span class="token punctuation">;</span><span class="token property">animation-direction</span><span class="token punctuation">:</span>reverse<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>box<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-box<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>25<span class="token punctuation">&#125;</span><span class="token selector">.outline-title</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>150%<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>3px 20px<span class="token punctuation">;</span><span class="token property">clear</span><span class="token punctuation">:</span>both<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.42857143<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.outline-title+.divider</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.outline-content</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>3px 18px<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">-webkit-box-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">box-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.outline-content li,.outline-content ul</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.outline-content ul</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.outline-content strong</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">&#125;</span><span class="token selector">.outline-expander</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>1rem<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>1.428571429rem<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>table-cell<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">.outline-expander:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f125"</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>Ionicons<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>top<span class="token punctuation">&#125;</span><span class="token selector">.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>3px<span class="token punctuation">&#125;</span><span class="token selector">.md-toc-content img,.outline-item img</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>1em<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.outline-expander:hover:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f123"</span><span class="token punctuation">&#125;</span><span class="token selector">.outline-h1>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.outline-h2>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>1em<span class="token punctuation">&#125;</span><span class="token selector">.outline-h3>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2em<span class="token punctuation">&#125;</span><span class="token selector">.outline-h4>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>3em<span class="token punctuation">&#125;</span><span class="token selector">.outline-h5>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>4em<span class="token punctuation">&#125;</span><span class="token selector">.outline-h6>.outline-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>5em<span class="token punctuation">&#125;</span><span class="token selector">.outline-label</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>table-cell<span class="token punctuation">&#125;</span><span class="token selector">.outline-label:hover</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>underline<span class="token punctuation">&#125;</span><span class="token selector">.outline-item:hover</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#f5f5f5<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#f5f5f5<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.outline-item:hover</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-28px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>-28px<span class="token punctuation">;</span><span class="token property">border-left</span><span class="token punctuation">:</span>28px solid transparent<span class="token punctuation">;</span><span class="token property">border-right</span><span class="token punctuation">:</span>28px solid transparent<span class="token punctuation">&#125;</span><span class="token selector">.outline-item-signle .outline-expander:before,.outline-item-signle .outline-expander:hover:before</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.outline-item-open>.outline-item>.outline-expander:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f123"</span><span class="token punctuation">&#125;</span><span class="token selector">.outline-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.info-panel-tab-wrapper</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.outline-item-open>.outline-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.outline-title-wrapper:hover #pin-outline-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.outline-title-wrapper .btn</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>grey<span class="token punctuation">&#125;</span><span class="token selector">#close-outline-btn</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#pin-outline-btn</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline content,.pin-outline titlebar</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>270px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--sidebar-width<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar,content,titlebar</span><span class="token punctuation">&#123;</span><span class="token property">transition-duration</span><span class="token punctuation">:</span>.4s<span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-box<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>box<span class="token punctuation">;</span><span class="token property">-webkit-box-orient</span><span class="token punctuation">:</span>vertical<span class="token punctuation">;</span><span class="token property">box-orient</span><span class="token punctuation">:</span>vertical<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>160px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>5px 0<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>2px 0 0<span class="token punctuation">;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--side-bar-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.15<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>-60000px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>270px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--sidebar-width<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-right</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.07<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #typora-sidebar</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">[data-block-auto-disable].disabled</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">[data-block-auto-disable].disabled+.divider</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.context-menu .divider</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline.no-collapse-outline .outline-expander</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline.no-collapse-outline .outline-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #outline-content .outline-active strong,.pin-outline .outline-active</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">&#125;</span><span class="token selector">.md-header-span .md-attr,h1.md-focus .md-attr,h2.md-focus .md-attr,h3.md-focus .md-attr,h4.md-focus .md-attr,h5.md-focus .md-attr,h6.md-focus .md-attr</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C7C5C5<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--md-char-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">#bottom-hint</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>200px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1000<span class="token punctuation">&#125;</span><span class="token selector">.ty-block-hint</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>226<span class="token punctuation">,</span>226<span class="token punctuation">,</span>226<span class="token punctuation">,</span>.8<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>8px 10px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>4px 4px 8px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.31<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.31<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">.quiet-focus:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.auto-suggest-container</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #ddd<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 0 1px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.1<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>10<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.9rem<span class="token punctuation">&#125;</span><span class="token selector">.auto-suggest-container ul</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.auto-suggest-container ul.autoComplt-list</span><span class="token punctuation">&#123;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.auto-suggest-container li</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">-webkit-user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>124px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">#fences-auto-suggest [data-content=sequence]:after,#fences-auto-suggest [data-content=flow]:after,#fences-auto-suggest [data-content=mermaid]:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f0e8"</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">font</span><span class="token punctuation">:</span>normal normal normal 14px/1 FontAwesome<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.6<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>grey<span class="token punctuation">&#125;</span><span class="token selector">.auto-suggest-container li.active,.auto-suggest-container li:hover</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#f6f8fa<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.emoji-meta</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.9em<span class="token punctuation">&#125;</span><span class="token selector">.md-inline-math script</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#8421A2<span class="token punctuation">&#125;</span><span class="token selector">.md-expand .math-jax-postprocess span</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-expand .math-jax-postprocess script</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">#math-inline-preview-content .MathJax_Display</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-inline-math</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-expand .md-inline-math,.md-inline-math.md-expand</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">script.math-jax-error</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #FF3E13<span class="token punctuation">&#125;</span><span class="token selector">.MathJax_SVG .noError:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"Parsing Error"</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#cd5c5c<span class="token punctuation">&#125;</span><span class="token selector">.md-math-prep</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#999<span class="token punctuation">&#125;</span><span class="token selector">#typora-quick-open</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>50%<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>400px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-200px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>9999<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#f8f8f8<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--side-bar-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 4px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.5<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-top</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">translate3d</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #typora-quick-open</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>25px<span class="token punctuation">&#125;</span><span class="token selector">#typora-quick-open-input input</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>25px<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>27px<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #ddd<span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>inset 0 1px 1px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.075<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>5px<span class="token punctuation">&#125;</span><span class="token selector">#typora-quick-open-input input:focus</span><span class="token punctuation">&#123;</span><span class="token property">outline</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-item</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>40px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-list</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>200px<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-list-inner</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-item.active</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#ebebeb<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>#ebebeb<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-item-path</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.5<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>11px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-4px<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>14px<span class="token punctuation">&#125;</span><span class="token selector">.typora-quick-open-info-item</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.7<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>40px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>10px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner>div</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>currentColor<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>sk-stretchdelay 1.2s infinite ease-in-out<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>sk-stretchdelay 1.2s infinite ease-in-out<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>2px<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner .rect1</span><span class="token punctuation">&#123;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner .rect2</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation-delay</span><span class="token punctuation">:</span>-1.1s<span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-1.1s<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner .rect3</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation-delay</span><span class="token punctuation">:</span>-1s<span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-1s<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner .rect4</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation-delay</span><span class="token punctuation">:</span>-.9s<span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.9s<span class="token punctuation">&#125;</span><span class="token selector">.typora-search-spinner .rect5</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation-delay</span><span class="token punctuation">:</span>-.8s<span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.8s<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@-webkit-keyframes</span> sk-stretchdelay</span><span class="token punctuation">&#123;</span><span class="token selector">0%,100%,40%</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>.4<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">20%</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> sk-stretchdelay</span><span class="token punctuation">&#123;</span><span class="token selector">0%,100%,40%</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>.4<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>.4<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">20%</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">-webkit-transform</span><span class="token punctuation">:</span><span class="token function">scaleY</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) *</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C8C8C8<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--blur-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode .md-end-block:not(.md-focus) img,.on-focus-mode .md-task-list-item:not(.md-focus-container)>input</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.2<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--blur-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode li[cid]:not(.md-focus-container)</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C8C8C8<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--blur-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) *,.on-focus-mode .md-fences.md-focus .CodeMirror-code>:not(.CodeMirror-activeline) *,.on-focus-mode .md-htmlblock.md-focus .CodeMirror-code>:not(.CodeMirror-activeline) *</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C8C8C8<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--blur-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode .md-focus,.on-focus-mode .md-focus-container</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#111<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode #typora-source .CodeMirror-code>:not(.CodeMirror-activeline) *</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C8C8C8<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--blur-text-color<span class="token punctuation">)</span><span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.ty-on-typewriter-mode #write>[cid]:not(.md-meta-block):first-child</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.ty-on-typewriter-mode #write>[cid]:not(.md-meta-block):last-child</span><span class="token punctuation">&#123;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode #write img,.on-focus-mode #write svg</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.3<span class="token punctuation">&#125;</span><span class="token selector">.on-focus-mode #write .md-focus img,.on-focus-mode #write .md-focus svg</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">#file-library-tree</span><span class="token punctuation">&#123;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>table<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.file-node-content</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#777<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--control-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>32px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-title</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.allow-file-tree-scroll .file-node-title</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.file-node-content:hover</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#555<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--control-text-hover-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.file-node-content:hover .file-node-icon,.file-node-content:hover .file-node-open-state</span><span class="token punctuation">&#123;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">&#125;</span><span class="token selector">.file-tree-node</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-icon</span><span class="token punctuation">&#123;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-open-state</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-icon,.file-node-open-state</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>22px<span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>22px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-open-state *</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.file-node-expanded>.file-node-content .fa-caret-down</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-4px<span class="token punctuation">&#125;</span><span class="token selector">.file-node-collapsed>.file-node-content .fa-caret-right</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">.file-node-collapsed>.file-node-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.file-node-expanded>.file-node-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.file-node-background</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>27px<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>-1<span class="token punctuation">&#125;</span><span class="token selector">.file-library-node:not(.file-node-root):focus>.file-node-content</span><span class="token punctuation">&#123;</span><span class="token property">outline-color</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">outline</span><span class="token punctuation">:</span>currentColor dashed 1px<span class="token punctuation">&#125;</span><span class="token selector">.file-tree-node.active>.file-node-background</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#eee<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-left</span><span class="token punctuation">:</span>4px solid #777<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-border-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.file-tree-node.active>.file-node-content</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--control-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tabs</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>100% - 32px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0 auto<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span>1px solid #eee<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">&#125;</span><span class="token selector">titlebar</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode titlebar</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode content</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #write</span><span class="token punctuation">&#123;</span><span class="token property">min-height</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>100vh - 20px<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode #typora-sidebar</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tab</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>56px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>50%<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.4<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>40px<span class="token punctuation">;</span><span class="token property">-webkit-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">text-transform</span><span class="token punctuation">:</span>uppercase<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tab-btn</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>40px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>40px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac #typora-sidebar:hover .sidebar-tab-btn</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tab-btn>*</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tab-btn:hover>*</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-tab.active</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control span</span><span class="token punctuation">&#123;</span><span class="token property">border</span><span class="token punctuation">:</span>1px #777<span class="token punctuation">;</span><span class="token property">border-style</span><span class="token punctuation">:</span>solid none solid solid<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>currentColor<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>80px<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control :first-child span</span><span class="token punctuation">&#123;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>10px 0 0 10px<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control :last-child span</span><span class="token punctuation">&#123;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>0 10px 10px 0<span class="token punctuation">;</span><span class="token property">border-right-style</span><span class="token punctuation">:</span>solid<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control input</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.segmented-control input:checked+span</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#777<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">&#125;</span><span class="token selector">#file-library-gutter</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>10px<span class="token punctuation">&#125;</span><span class="token selector">#file-library</span><span class="token punctuation">&#123;</span><span class="token property">overflow</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>table<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>2<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> fadein</span><span class="token punctuation">&#123;</span><span class="token selector">from</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@-webkit-keyframes</span> fadein</span><span class="token punctuation">&#123;</span><span class="token selector">from</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> fadeout</span><span class="token punctuation">&#123;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@-webkit-keyframes</span> fadeout</span><span class="token punctuation">&#123;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">#file-info-content,#file-library,.pin-outline .active-tab-files #outline-content</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.active-tab-files</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">user-select</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.active-tab-files .sidebar-content</span><span class="token punctuation">&#123;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.active-tab-files #outline-content,.active-tab-files #unpin-outline-btn,.pin-outline #typora-sidebar.active-tab-files:hover #unpin-outline-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline .active-tab-files #file-info-content,.pin-outline .active-tab-files #file-library</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-bottom</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>999<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>fadeout 2s<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>fadeout 2s<span class="token punctuation">&#125;</span><span class="token selector">.typora-node .sidebar-bottom</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-bottom-btn:not(:last-child)</span><span class="token punctuation">&#123;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span>1px solid #ebebeb<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-bottom-btn:last-child</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#eee<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-bottom-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>238<span class="token punctuation">,</span>238<span class="token punctuation">,</span>238<span class="token punctuation">,</span>.68<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#777<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-bottom-btn:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#eee<span class="token punctuation">&#125;</span><span class="token selector">.file-tree-rename-div</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.file-node-on-edit>.file-node-content>.file-node-title</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.file-node-on-edit>.file-node-content>.file-tree-rename-div</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer</span><span class="token punctuation">&#123;</span><span class="token property">border-top</span><span class="token punctuation">:</span>1px solid #eee<span class="token punctuation">;</span><span class="token property">border-top</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-flex</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">flex</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>2<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>24px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac .sidebar-footer .sidebar-footer-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>6px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>3px<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer .sidebar-footer-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>2px<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac [show-os=node]</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer.show-sidebar-footer-context</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #typora-sidebar:hover .sidebar-footer:not(.show-sidebar-footer-context)</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-content.on-drop+.sidebar-footer</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.footer-btn</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac .footer-btn</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">#hide-sidebar-btn</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac #switch-file-list-btn</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer-item</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">.footer-item:hover,.sidebar-footer-item:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#e5e5e5<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer-main-item</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer-main-item-label</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">flex</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.sidebar-footer-main-item .footer-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item</span><span class="token punctuation">&#123;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span>1px solid #eee<span class="token punctuation">;</span><span class="token property">border-bottom</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>24px<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>top .5s<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>top .5s<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item:not(.active)</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item.active</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#efefef<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.show-folder-name .file-list-item</span><span class="token punctuation">&#123;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.show-folder-name .file-list-item-parent-loc,.show-folder-name .file-list-item-time</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item-parent-loc,.file-list-item-time</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.5<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token string">"PT Mono"</span><span class="token punctuation">,</span>gotham<span class="token punctuation">,</span>helvetica<span class="token punctuation">,</span>arial<span class="token punctuation">,</span>sans-serif<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>50%<span class="token punctuation">;</span><span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">min-height</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item-time</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item-file-name</span><span class="token punctuation">&#123;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>700<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item-file-ext-part</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.2<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">&#125;</span><span class="token selector">.file-list-item-summary</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>38px<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>initial<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>18px<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>Raleway<span class="token punctuation">,</span><span class="token string">'Source Sans Pro'</span><span class="token punctuation">,</span>sans-serif<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.7<span class="token punctuation">&#125;</span><span class="token selector">.ty-side-sort-btn</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-8px<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>22px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>22px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>22px<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.4<span class="token punctuation">&#125;</span><span class="token selector">.ty-side-sort-btn:hover</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#428bca<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.ty-side-sort-btn.active</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#428bca<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#eee<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">#close-sidebar-menu-btn</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-menu-btn>.sidebar-footer-item</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.sort-button-area</span><span class="token punctuation">&#123;</span><span class="token property">float</span><span class="token punctuation">:</span>right<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list,#file-library-tree</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac #file-library-list,.html-for-mac #file-library-tree</span><span class="token punctuation">&#123;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>60px<span class="token punctuation">&#125;</span><span class="token selector">.use-file-tree-style #file-library-tree</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>table<span class="token punctuation">&#125;</span><span class="token selector">.use-file-list-style #file-library-list</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-loading-template,#sidebar-loading-template.file-list-item</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--active-file-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>-webkit-sticky<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>sticky<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-loading-template .sidebar-loading</span><span class="token punctuation">&#123;</span><span class="token property">line-height</span><span class="token punctuation">:</span>72px<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=rendering] #sidebar-loading-template</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>72px<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> transparentBg</span><span class="token punctuation">&#123;</span><span class="token selector">0%</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">perspective</span><span class="token punctuation">(</span>400px<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">perspective</span><span class="token punctuation">(</span>400px<span class="token punctuation">)</span> <span class="token function">rotateX</span><span class="token punctuation">(</span>90deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=complete] #sidebar-loading-template</span><span class="token punctuation">&#123;</span><span class="token property">max-height</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>max-height .3s ease-out<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-loading-template .typora-search-spinner</span><span class="token punctuation">&#123;</span><span class="token property">right</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize] #sidebar-loading-template,#file-library-list[data-state=oversize-end] #sidebar-loading-template</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>0 0<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>max-height .5s ease-in<span class="token punctuation">,</span>background 1s ease-out<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>max-height .5s ease-in<span class="token punctuation">,</span>background 1s ease-out<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize] .sidebar-loading</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>opacity .3s ease-out<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity .3s ease-out<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize-end] .sidebar-loading</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.oversize-list-template</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> opacity</span><span class="token punctuation">&#123;</span><span class="token selector">from</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">50%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize] .oversize-list-template,#file-library-list[data-state=oversize-end] .oversize-list-template</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50% - 72px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>opacity 1s forwards<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>opacity 1s forwards<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize-end] .oversize-list-template</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=oversize] #file-library-list-children,#file-library-list[data-state=oversize-end] #file-library-list-children</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.oversize-list-template-mark</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>1.2rem<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">.switch-file-list-btn-to-list,.switch-file-list-btn-to-tree</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.use-file-list-style .switch-file-list-btn-to-tree,.use-file-tree-style .switch-file-list-btn-to-list</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-files-menu a</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-files-menu</span><span class="token punctuation">&#123;</span><span class="token property">bottom</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>0 5px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-files-menu li</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-files-menu li.show #ty-sidebar-footer .show</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">#ty-sidebar-footer .not-empty-menu-group</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.show-sidebar-footer-context #sidebar-files-menu</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.menuitem</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>24px<span class="token punctuation">&#125;</span><span class="token selector">.menuitem-group-label</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">.menuitem-group-label>.label</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>11px<span class="token punctuation">&#125;</span><span class="token selector">#sidebar-files-menu>.show+.menuitem-group-label.show</span><span class="token punctuation">&#123;</span><span class="token property">border-top</span><span class="token punctuation">:</span>1px solid #e5e5e5<span class="token punctuation">;</span><span class="token property">border-top</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--window-border<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.menuitem-no-history:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"No History"</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">.folder-menu-item .fa-folder-o</span><span class="token punctuation">&#123;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">&#125;</span><span class="token selector">.active-tab-outline #file-info-content,.active-tab-outline #file-library,.active-tab-outline .file-action-item,.use-file-tree-style #ty-group-by-folder-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.active-tab-outline .sidebar-footer</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.selected-folder-menu-item a:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"\f111"</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>FontAwesome<span class="token punctuation">;</span><span class="token property">font-style</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>400<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1<span class="token punctuation">;</span><span class="token property">-webkit-font-smoothing</span><span class="token punctuation">:</span>antialiased<span class="token punctuation">;</span><span class="token property">-moz-osx-font-smoothing</span><span class="token punctuation">:</span>grayscale<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#428bca<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--primary-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>16px<span class="token punctuation">&#125;</span><span class="token selector">.empty-file-placehoder</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>24px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#777<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--control-text-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">&#125;</span><span class="token selector">#file-library-tree:empty</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">#file-library-list-children:empty:after,#file-library-tree:empty:after,#outline-content:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token function">attr</span><span class="token punctuation">(</span>data-after-content<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span><span class="token function">calc</span><span class="token punctuation">(</span>50vh - 60px<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.6<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#file-library-list[data-state=rendering] #file-library-list-children:empty:after,#file-library-tree[data-state=rendering]:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">" "</span><span class="token punctuation">&#125;</span><span class="token selector">#file-library-tree[data-state=rendering]:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"Loading ..."</span><span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar:hover #file-library-list-children:empty:after,#typora-sidebar:hover #file-library-tree:empty:after,#typora-sidebar:hover #outline-content:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>fadein .5s<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">#outline-content:empty</span><span class="token punctuation">&#123;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">#outline-content:empty:after,.outline-content:empty:after</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.ty-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#f2f2f2<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#333<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>5px 8px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>-webkit-flex<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">align-items</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">-webkit-filter</span><span class="token punctuation">:</span><span class="token function">drop-shadow</span><span class="token punctuation">(</span>0 1px 2px <span class="token function">hsla</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0%<span class="token punctuation">,</span> 0%<span class="token punctuation">,</span> .3<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">filter</span><span class="token punctuation">:</span><span class="token function">drop-shadow</span><span class="token punctuation">(</span>0 1px 2px <span class="token function">hsla</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0%<span class="token punctuation">,</span> 0%<span class="token punctuation">,</span> .3<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid <span class="token function">hsla</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0%<span class="token punctuation">,</span>0%<span class="token punctuation">,</span>.1<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">background-clip</span><span class="token punctuation">:</span>padding-box<span class="token punctuation">;</span><span class="token property">box-sizing</span><span class="token punctuation">:</span>border-box<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>visibility 0s .1s<span class="token punctuation">,</span>opacity 150ms <span class="token function">cubic-bezier</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">,</span>1<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>20001<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">.mac-seamless-mode .ty-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.ty-tooltip.shown</span><span class="token punctuation">&#123;</span><span class="token property">visibility</span><span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token property">transition-delay</span><span class="token punctuation">:</span>.8s<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.ty-tooltip.shown.instant</span><span class="token punctuation">&#123;</span><span class="token property">transition-delay</span><span class="token punctuation">:</span>0s<span class="token punctuation">&#125;</span><span class="token selector">#bottom-hotpot,#top-hotpot</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>2<span class="token punctuation">&#125;</span><span class="token selector">#top-hotpot</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#bottom-hotpot</span><span class="token punctuation">&#123;</span><span class="token property">bottom</span><span class="token punctuation">:</span>-1px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>8px<span class="token punctuation">&#125;</span><span class="token selector">#write,[md-inline] a</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-user-drag</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-iframe</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.md-frame frame</span><span class="token punctuation">&#123;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar-resizer</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--sidebar-width<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>6px<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-2px<span class="token punctuation">;</span><span class="token property">border-left</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>99<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>ew-resize<span class="token punctuation">&#125;</span><span class="token selector">.pin-outline #typora-sidebar-resizer</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.typora-sidebar-resizer-bar</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.4<span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar-resizer.dragging</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">#typora-sidebar-resizer.dragging .typora-sidebar-resizer-bar</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">border-right</span><span class="token punctuation">:</span>2px dashed<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-1px<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-header,.cm-s-typora-default .cm-property</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#D94F8A<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-header1:not(.cm-atom):not(.cm-s-inner)</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>2rem<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>2rem<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-header2:not(.cm-atom):not(.cm-s-inner)</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>1.4rem<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.4rem<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-s-inner .cm-header1.cm-overlay,.cm-s-typora-default .cm-s-inner .cm-header2.cm-overlay</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-atom,.cm-s-typora-default .cm-number</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#958486<span class="token punctuation">&#125;</span><span class="token selector">.use-varible-width-setex .cm-s-typora-default .cm-header</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-block-start,.cm-s-typora-default .cm-table-row</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-code,.cm-s-typora-default .cm-comment</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#4A5A9F<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-tag</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#a94442<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-string</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#7e86a9<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-link</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>#C47A0F<span class="token punctuation">;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>underline<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-variable-1,.cm-s-typora-default .cm-variable-2</span><span class="token punctuation">&#123;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-overlay</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror.cm-s-typora-default div.CodeMirror-cursor</span><span class="token punctuation">&#123;</span><span class="token property">border-left</span><span class="token punctuation">:</span>3px solid #E4629A<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .CodeMirror-activeline-background</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>-60px<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>-30px<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">rgba</span><span class="token punctuation">(</span>204<span class="token punctuation">,</span>204<span class="token punctuation">,</span>204<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .CodeMirror-gutters</span><span class="token punctuation">&#123;</span><span class="token property">border-right</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-trailing-space-new-line:after,.cm-startspace:after,.cm-starttab .cm-tab:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"•"</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>LetterGothicStd<span class="token punctuation">,</span>monospace<span class="token punctuation">&#125;</span><span class="token selector">.os-windows .cm-startspace:after,.os-windows .cm-starttab .cm-tab:after</span><span class="token punctuation">&#123;</span><span class="token property">left</span><span class="token punctuation">:</span>-.1em<span class="token punctuation">&#125;</span><span class="token selector">.cm-starttab .cm-tab:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">" "</span><span class="token punctuation">&#125;</span><span class="token selector">.cm-startspace,.cm-starttab,.cm-tab,.cm-trailing-space-a,.cm-trailing-space-b,.cm-trailing-space-new-line</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.cm-s-typora-default .cm-trailing-space-new-line:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"↓"</span><span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.3<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror div.CodeMirror-cursor</span><span class="token punctuation">&#123;</span><span class="token property">border-left</span><span class="token punctuation">:</span>1px solid #000<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>3<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror div.CodeMirror-secondarycursor</span><span class="token punctuation">&#123;</span><span class="token property">border-left</span><span class="token punctuation">:</span>1px solid silver<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#7e7<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">.cm-tab</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.context-menu</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>200px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">padding-top</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-bottom</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.context-menu.dropdown-menu>.active>a,.context-menu.dropdown-menu>li>a:hover,.menu-style-btn.active</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>#E6F0FE<span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">#user-context-menu>li</span><span class="token punctuation">&#123;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">#user-context-menu>li>a</span><span class="token punctuation">&#123;</span><span class="token property">text-overflow</span><span class="token punctuation">:</span>ellipsis<span class="token punctuation">;</span><span class="token property">overflow-x</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">#user-context-menu .divider</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>4px 0<span class="token punctuation">&#125;</span><span class="token selector">.md-htmlblock-container</span><span class="token punctuation">&#123;</span><span class="token property">min-height</span><span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">#write .md-htmlblock</span><span class="token punctuation">&#123;</span><span class="token property">white-space</span><span class="token punctuation">:</span>normal<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.md-htmlblock-container>:first-child</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-htmlblock-container>:last-child</span><span class="token punctuation">&#123;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">[role=wrapper]:last-child>*</span><span class="token punctuation">&#123;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">[role=wrapper]:last-child>*</span><span class="token punctuation">&#123;</span><span class="token property">margin-bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock>.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-input</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">padding-right</span><span class="token punctuation">:</span>4px<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.9em<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-panel</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock .md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>default<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-on-edit>.md-rawblock-tooltip,.md-rawblock:hover>.md-rawblock-container,.md-rawblock:hover>.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">transition</span><span class="token punctuation">:</span>background .5s linear<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--rawblock-edit-panel-bd<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-on-edit>.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">transition</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>none<span class="token important">!important</span><span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-control:not(.md-rawblock-tooltip)</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--rawblock-edit-panel-bd<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock:hover>.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">transition</span><span class="token punctuation">:</span>initial<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>showRawBlockTooltip .5s linear<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock.ty-hover>.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> showRawBlockTooltip</span><span class="token punctuation">&#123;</span><span class="token selector">from</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--bg-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">to</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--rawblock-edit-panel-bd<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-tooltip-name</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>8px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.5<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-tooltip-btn</span><span class="token punctuation">&#123;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12.5px<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 4px<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>20px<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-tooltip-btn:hover</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-bg-color<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--item-hover-text-color<span class="token punctuation">)</span><span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-tooltip-ok-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-on-edit .md-rawblock-tooltip-ok-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-on-edit .md-rawblock-tooltip-edit-btn</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">top</span><span class="token punctuation">:</span>-16px<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 6px<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>6<span class="token punctuation">&#125;</span><span class="token selector">.md-htmlblock .md-rawblock-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token selector">.md-emptyline</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">.md-htmlblock-panel-placeholder</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--rawblock-edit-panel-bd<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>50%<span class="token punctuation">;</span><span class="token property">margin-top</span><span class="token punctuation">:</span>-1em<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>13px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>2em<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>2em<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div</span><span class="token punctuation">&#123;</span><span class="token property">transform-origin</span><span class="token punctuation">:</span>1em 1em<span class="token punctuation">;</span><span class="token property">animation</span><span class="token punctuation">:</span>lds-spinner 1.2s linear infinite<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">" "</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>.09375em<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>.90625em<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>1px<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>.4375em<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>20%<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>currentColor<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(1)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-1.1s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(2)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>30deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-1s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(3)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>60deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.9s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(4)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>90deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.8s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(5)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>120deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.7s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(6)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>150deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.6s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(7)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>180deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.5s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(8)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>210deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.4s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(9)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>240deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.3s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(10)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>270deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.2s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(11)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>300deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>-.1s<span class="token punctuation">&#125;</span><span class="token selector">.ty-lds-spinner div:nth-child(12)</span><span class="token punctuation">&#123;</span><span class="token property">transform</span><span class="token punctuation">:</span><span class="token function">rotate</span><span class="token punctuation">(</span>330deg<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">animation-delay</span><span class="token punctuation">:</span>0s<span class="token punctuation">&#125;</span><span class="token atrule"><span class="token rule">@keyframes</span> lds-spinner</span><span class="token punctuation">&#123;</span><span class="token selector">0%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>1<span class="token punctuation">&#125;</span><span class="token selector">100%</span><span class="token punctuation">&#123;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span><span class="token selector">[role=wrapper]</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.md-video-load-failed</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>56px<span class="token punctuation">;</span><span class="token property">visibility</span><span class="token punctuation">:</span>hidden<span class="token punctuation">&#125;</span><span class="token selector">.md-video-mask</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">border-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">&#125;</span><span class="token selector">.md-resouce-error-wrapper</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">justify-content</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token property">align-items</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>1em<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">word-wrap</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>.8<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>12px<span class="token punctuation">&#125;</span><span class="token selector">.md-resouce-error-wrapper .ty-icon</span><span class="token punctuation">&#123;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">&#125;</span><span class="token selector">.md-resouce-error-mark</span><span class="token punctuation">&#123;</span><span class="token property">margin-right</span><span class="token punctuation">:</span>1em<span class="token punctuation">&#125;</span><span class="token selector">.md-resouce-error-message</span><span class="token punctuation">&#123;</span><span class="token property">text-align</span><span class="token punctuation">:</span>left<span class="token punctuation">&#125;</span><span class="token selector">.md-rawblock-after,.md-rawblock-before</span><span class="token punctuation">&#123;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8em<span class="token punctuation">;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>1ch<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>text<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>grey<span class="token punctuation">&#125;</span><span class="token selector">.md-math-tag-input</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">min-width</span><span class="token punctuation">:</span>1ch<span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>1ch<span class="token punctuation">&#125;</span><span class="token selector">.md-math-tag-input:empty:after,.md-math-tag-input:empty:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">&#125;</span><span class="token selector">.md-math-tag-input:before,.md-math-tag-input:focus:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"&#123;"</span><span class="token punctuation">;</span><span class="token property">margin-left</span><span class="token punctuation">:</span>-1ch<span class="token punctuation">&#125;</span><span class="token selector">.md-math-tag-input:after,.md-math-tag-input:focus:after</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">"&#125;"</span><span class="token punctuation">&#125;</span><span class="token selector">.html-for-mac #write.first-line-indent p[cid]:empty</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>2em<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-markers</span><span class="token punctuation">&#123;</span><span class="token property">width</span><span class="token punctuation">:</span>16px<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-tooltip</span><span class="token punctuation">&#123;</span><span class="token property">background-color</span><span class="token punctuation">:</span>infobackground<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid #000<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>4px 4px 4px 4px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>infotext<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span><span class="token function">var</span><span class="token punctuation">(</span>--monospace<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>10pt<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>2px 5px<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>fixed<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre-wrap<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>10000<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>600px<span class="token punctuation">;</span><span class="token property">opacity</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">transition</span><span class="token punctuation">:</span>opacity .4s<span class="token punctuation">;</span><span class="token property">-moz-transition</span><span class="token punctuation">:</span>opacity .4s<span class="token punctuation">;</span><span class="token property">-webkit-transition</span><span class="token punctuation">:</span>opacity .4s<span class="token punctuation">;</span><span class="token property">-o-transition</span><span class="token punctuation">:</span>opacity .4s<span class="token punctuation">;</span><span class="token property">-ms-transition</span><span class="token punctuation">:</span>opacity .4s<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>.8em<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning</span><span class="token punctuation">&#123;</span><span class="token property">background-position</span><span class="token punctuation">:</span>left bottom<span class="token punctuation">;</span><span class="token property">background-repeat</span><span class="token punctuation">:</span>repeat-x<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-mark-error</span><span class="token punctuation">&#123;</span><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning</span><span class="token punctuation">&#123;</span><span class="token property">background-position</span><span class="token punctuation">:</span>center center<span class="token punctuation">;</span><span class="token property">background-repeat</span><span class="token punctuation">:</span>no-repeat<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>16px<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning</span><span class="token punctuation">&#123;</span><span class="token property">padding-left</span><span class="token punctuation">:</span>18px<span class="token punctuation">;</span><span class="token property">background-position</span><span class="token punctuation">:</span>top left<span class="token punctuation">;</span><span class="token property">background-repeat</span><span class="token punctuation">:</span>no-repeat<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error</span><span class="token punctuation">&#123;</span><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning</span><span class="token punctuation">&#123;</span><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-lint-marker-multiple</span><span class="token punctuation">&#123;</span><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span><span class="token property">background-repeat</span><span class="token punctuation">:</span>no-repeat<span class="token punctuation">;</span><span class="token property">background-position</span><span class="token punctuation">:</span>right bottom<span class="token punctuation">;</span><span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-hints</span><span class="token punctuation">&#123;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">z-index</span><span class="token punctuation">:</span>10<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span>2px 3px 5px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">-moz-box-shadow</span><span class="token punctuation">:</span>2px 3px 5px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">box-shadow</span><span class="token punctuation">:</span>2px 3px 5px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>0<span class="token punctuation">,</span>.2<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>3px<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>1px solid silver<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>90%<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span>monospace<span class="token punctuation">;</span><span class="token property">max-height</span><span class="token punctuation">:</span>20em<span class="token punctuation">;</span><span class="token property">overflow-y</span><span class="token punctuation">:</span>auto<span class="token punctuation">&#125;</span><span class="token selector">.CodeMirror-hint</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0 4px<span class="token punctuation">;</span><span class="token property">border-radius</span><span class="token punctuation">:</span>2px<span class="token punctuation">;</span><span class="token property">white-space</span><span class="token punctuation">:</span>pre<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#000<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">&#125;</span><span class="token selector">li.CodeMirror-hint-active</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>#08f<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#fff<span class="token punctuation">&#125;</span><span class="token selector">.md-video-screenshot</span><span class="token punctuation">&#123;</span><span class="token property">border-left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">border-right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">margin</span><span class="token punctuation">:</span>auto<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">&#125;</span><span class="token selector">#ty-oversize-body</span><span class="token punctuation">&#123;</span><span class="token property">z-index</span><span class="token punctuation">:</span>9<span class="token punctuation">;</span><span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span><span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">right</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">bottom</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">-webkit-user-drag</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span>15px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>inherit<span class="token punctuation">&#125;</span><span class="token selector">.ty-oversize-modal</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0 auto<span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">&#125;</span><span class="token selector">#ty-oversize-body:before</span><span class="token punctuation">&#123;</span><span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">;</span><span class="token property">display</span><span class="token punctuation">:</span>inline-block<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle<span class="token punctuation">;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">&#125;</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre>


                
            </div>
            <hr/>

            

    <div class="reprint" id="reprint-statement">
        
            <div class="reprint__author">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-user">
                        文章作者:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="/blog/about" rel="external nofollow noreferrer">李林顺</a>
                </span>
            </div>
            <div class="reprint__type">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-link">
                        文章链接:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="http://sturdygit.gitee.io/blog/2021/12/24/springboot-zheng-he-mybatis/">http://sturdygit.gitee.io/blog/2021/12/24/springboot-zheng-he-mybatis/</a>
                </span>
            </div>
            <div class="reprint__notice">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-copyright">
                        版权声明:
                    </i>
                </span>
                <span class="reprint-info">
                    本博客所有文章除特別声明外，均采用
                    <a href="https://creativecommons.org/licenses/by/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a>
                    许可协议。转载请注明来源
                    <a href="/blog/about" target="_blank">李林顺</a>
                    !
                </span>
            </div>
        
    </div>

    <script async defer>
      document.addEventListener("copy", function (e) {
        let toastHTML = '<span>复制成功，请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>';
        M.toast({html: toastHTML})
      });

      function navToReprintStatement() {
        $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
      }
    </script>



            <div class="tag_share" style="display: block;">
                <div class="post-meta__tag-list" style="display: inline-block;">
                    
                        <div class="article-tag">
                            <span class="chip bg-color">无标签</span>
                        </div>
                    
                </div>
                <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
                    <link rel="stylesheet" type="text/css" href="/blog/libs/share/css/share.min.css">
<div id="article-share">

    
    <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
    <script src="/blog/libs/share/js/social-share.min.js"></script>
    

    

</div>

                </div>
            </div>
            
                <style>
    #reward {
        margin: 40px 0;
        text-align: center;
    }

    #reward .reward-link {
        font-size: 1.4rem;
        line-height: 38px;
    }

    #reward .btn-floating:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    #rewardModal {
        width: 320px;
        height: 350px;
    }

    #rewardModal .reward-title {
        margin: 15px auto;
        padding-bottom: 5px;
    }

    #rewardModal .modal-content {
        padding: 10px;
    }

    #rewardModal .close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 1.3rem;
        line-height: 20px;
        cursor: pointer;
    }

    #rewardModal .close:hover {
        color: #ef5350;
        transform: scale(1.3);
        -moz-transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -o-transform:scale(1.3);
    }

    #rewardModal .reward-tabs {
        margin: 0 auto;
        width: 210px;
    }

    .reward-tabs .tabs {
        height: 38px;
        margin: 10px auto;
        padding-left: 0;
    }

    .reward-content ul {
        padding-left: 0 !important;
    }

    .reward-tabs .tabs .tab {
        height: 38px;
        line-height: 38px;
    }

    .reward-tabs .tab a {
        color: #fff;
        background-color: #ccc;
    }

    .reward-tabs .tab a:hover {
        background-color: #ccc;
        color: #fff;
    }

    .reward-tabs .wechat-tab .active {
        color: #fff !important;
        background-color: #22AB38 !important;
    }

    .reward-tabs .alipay-tab .active {
        color: #fff !important;
        background-color: #019FE8 !important;
    }

    .reward-tabs .reward-img {
        width: 210px;
        height: 210px;
    }
</style>

<div id="reward">
    <a href="#rewardModal" class="reward-link modal-trigger btn-floating btn-medium waves-effect waves-light red">赏</a>

    <!-- Modal Structure -->
    <div id="rewardModal" class="modal">
        <div class="modal-content">
            <a class="close modal-close"><i class="fas fa-times"></i></a>
            <h4 class="reward-title">你的赏识是我前进的动力</h4>
            <div class="reward-content">
                <div class="reward-tabs">
                    <ul class="tabs row">
                        <li class="tab col s6 alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li>
                        <li class="tab col s6 wechat-tab waves-effect waves-light"><a href="#wechat">微 信</a></li>
                    </ul>
                    <div id="alipay">
                        <img src="/blog/medias/reward/alipay.jpg" class="reward-img" alt="支付宝打赏二维码">
                    </div>
                    <div id="wechat">
                        <img src="/blog/medias/reward/wechat.png" class="reward-img" alt="微信打赏二维码">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('.tabs').tabs();
    });
</script>

            
        </div>
    </div>

    

    

    

    

    

    

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="far fa-dot-circle"></i>&nbsp;本篇
            </div>
            <div class="card">
                <a href="/blog/2021/12/24/springboot-zheng-he-mybatis/">
                    <div class="card-image">
                        
                        
                        <img src="/blog/medias/featureimages/19.jpg" class="responsive-img" alt="SpringBoot-MyBatis">
                        
                        <span class="card-title">SpringBoot-MyBatis</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2021-12-24
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-user fa-fw"></i>
                            李林顺
                            
                        </span>
                    </div>
                </div>

                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fas fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/blog/2021/12/24/hello-world/">
                    <div class="card-image">
                        
                        
                        <img src="/blog/medias/featureimages/12.jpg" class="responsive-img" alt="Hello World">
                        
                        <span class="card-title">Hello World</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2021-12-24
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-user fa-fw"></i>
                            李林顺
                            
                        </span>
                    </div>
                </div>
                
            </div>
        </div>
        
    </div>
</article>

</div>



<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/blog/libs/codeBlock/codeBlockFuction.js"></script>

<!-- 代码语言 -->

<script type="text/javascript" src="/blog/libs/codeBlock/codeLang.js"></script>


<!-- 代码块复制 -->

<script type="text/javascript" src="/blog/libs/codeBlock/codeCopy.js"></script>


<!-- 代码块收缩 -->

<script type="text/javascript" src="/blog/libs/codeBlock/codeShrink.js"></script>


    </div>
    <div id="toc-aside" class="expanded col l3 hide-on-med-and-down">
        <div class="toc-widget card" style="background-color: white;">
            <div class="toc-title"><i class="far fa-list-alt"></i>&nbsp;&nbsp;目录</div>
            <div id="toc-content"></div>
        </div>
    </div>
</div>

<!-- TOC 悬浮按钮. -->

<div id="floating-toc-btn" class="hide-on-med-and-down">
    <a class="btn-floating btn-large bg-color">
        <i class="fas fa-list-ul"></i>
    </a>
</div>


<script src="/blog/libs/tocbot/tocbot.min.js"></script>
<script>
    $(function () {
        tocbot.init({
            tocSelector: '#toc-content',
            contentSelector: '#articleContent',
            headingsOffset: -($(window).height() * 0.4 - 45),
            collapseDepth: Number('0'),
            headingSelector: 'h2, h3, h4'
        });

        // modify the toc link href to support Chinese.
        let i = 0;
        let tocHeading = 'toc-heading-';
        $('#toc-content a').each(function () {
            $(this).attr('href', '#' + tocHeading + (++i));
        });

        // modify the heading title id to support Chinese.
        i = 0;
        $('#articleContent').children('h2, h3, h4').each(function () {
            $(this).attr('id', tocHeading + (++i));
        });

        // Set scroll toc fixed.
        let tocHeight = parseInt($(window).height() * 0.4 - 64);
        let $tocWidget = $('.toc-widget');
        $(window).scroll(function () {
            let scroll = $(window).scrollTop();
            /* add post toc fixed. */
            if (scroll > tocHeight) {
                $tocWidget.addClass('toc-fixed');
            } else {
                $tocWidget.removeClass('toc-fixed');
            }
        });

        
        /* 修复文章卡片 div 的宽度. */
        let fixPostCardWidth = function (srcId, targetId) {
            let srcDiv = $('#' + srcId);
            if (srcDiv.length === 0) {
                return;
            }

            let w = srcDiv.width();
            if (w >= 450) {
                w = w + 21;
            } else if (w >= 350 && w < 450) {
                w = w + 18;
            } else if (w >= 300 && w < 350) {
                w = w + 16;
            } else {
                w = w + 14;
            }
            $('#' + targetId).width(w);
        };

        // 切换TOC目录展开收缩的相关操作.
        const expandedClass = 'expanded';
        let $tocAside = $('#toc-aside');
        let $mainContent = $('#main-content');
        $('#floating-toc-btn .btn-floating').click(function () {
            if ($tocAside.hasClass(expandedClass)) {
                $tocAside.removeClass(expandedClass).hide();
                $mainContent.removeClass('l9');
            } else {
                $tocAside.addClass(expandedClass).show();
                $mainContent.addClass('l9');
            }
            fixPostCardWidth('artDetail', 'prenext-posts');
        });
        
    });
</script>

    

</main>




    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/blog/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="2635359836"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/blog/libs/aplayer/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

    
    <div class="container row center-align" style="margin-bottom: 0px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            
                <span id="year">2019-2021</span>
            
            <span id="year">2019</span>
            <a href="/blog/about" target="_blank">李林顺</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            &nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span
                class="white-color">14.1k</span>&nbsp;字
            
            
            
            
            
            
            <span id="busuanzi_container_site_pv">
                |&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;<span id="busuanzi_value_site_pv"
                    class="white-color"></span>&nbsp;次
            </span>
            
            
            <span id="busuanzi_container_site_uv">
                |&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;<span id="busuanzi_value_site_uv"
                    class="white-color"></span>&nbsp;人
            </span>
            
            <br>
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/blinkfox" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:1181062873@qq.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1181062873" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 1181062873" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







    <a href="/blog/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script type="text/javascript">
$(function () {
    var searchFunc = function (path, search_id, content_id) {
        'use strict';
        $.ajax({
            url: path,
            dataType: "xml",
            success: function (xmlResponse) {
                // get the contents from search data
                var datas = $("entry", xmlResponse).map(function () {
                    return {
                        title: $("title", this).text(),
                        content: $("content", this).text(),
                        url: $("url", this).text()
                    };
                }).get();
                var $input = document.getElementById(search_id);
                var $resultContent = document.getElementById(content_id);
                $input.addEventListener('input', function () {
                    var str = '<ul class=\"search-result-list\">';
                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                    $resultContent.innerHTML = "";
                    if (this.value.trim().length <= 0) {
                        return;
                    }
                    // perform local searching
                    datas.forEach(function (data) {
                        var isMatch = true;
                        var data_title = data.title.trim().toLowerCase();
                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                        var data_url = data.url;
                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
                        var index_title = -1;
                        var index_content = -1;
                        var first_occur = -1;
                        // only match artiles with not empty titles and contents
                        if (data_title !== '' && data_content !== '') {
                            keywords.forEach(function (keyword, i) {
                                index_title = data_title.indexOf(keyword);
                                index_content = data_content.indexOf(keyword);
                                if (index_title < 0 && index_content < 0) {
                                    isMatch = false;
                                } else {
                                    if (index_content < 0) {
                                        index_content = 0;
                                    }
                                    if (i === 0) {
                                        first_occur = index_content;
                                    }
                                }
                            });
                        }
                        // show search results
                        if (isMatch) {
                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                            var content = data.content.trim().replace(/<[^>]+>/g, "");
                            if (first_occur >= 0) {
                                // cut out 100 characters
                                var start = first_occur - 20;
                                var end = first_occur + 80;
                                if (start < 0) {
                                    start = 0;
                                }
                                if (start === 0) {
                                    end = 100;
                                }
                                if (end > content.length) {
                                    end = content.length;
                                }
                                var match_content = content.substr(start, end);
                                // highlight all keywords
                                keywords.forEach(function (keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
                                });

                                str += "<p class=\"search-result\">" + match_content + "...</p>"
                            }
                            str += "</li>";
                        }
                    });
                    str += "</ul>";
                    $resultContent.innerHTML = str;
                });
            }
        });
    };

    searchFunc('/blog/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/blog/libs/materialize/materialize.min.js"></script>
    <script src="/blog/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/blog/libs/aos/aos.js"></script>
    <script src="/blog/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/blog/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/blog/js/matery.js"></script>

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/blog/libs/others/clicklove.js" async="async"></script>
    
    
    <script async src="/blog/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

	
    

    

    
    <script type="text/javascript" src="/blog/libs/background/ribbon-dynamic.js" async="async"></script>
    

    
    <script src="/blog/libs/instantpage/instantpage.js" type="module"></script>
    
	
	<!-- 雪花特效3 -->
	
	  <script type="text/javascript" src="/js/snow3.js"></script>
	
	
	





</body>

</html>
